.content-animation {
    position: relative;
    z-index: 0
}

.content-animation [data-content-animation-item] {
    left: 0;
    position: relative;
    top: 0
}

.content-animation [data-content-animation-item]:not(.col) {
    min-width: 100%
}

.content-animation .mobile-scrollable__item[data-content-animation-item]:not(.col) {
    min-width: var(--md, 100%) var(--n-md, unset)
}

.group>.content-animation {
    flex-grow: 1
}

.content-animation.content-animation--ready [data-content-animation-item] {
    position: absolute
}

.content-animation.content-animation--ready [data-content-animation-top] {
    position: relative
}

.content-animation.content-animation--ready [data-content-animation-top]~[data-content-animation-top] {
    position: absolute
}

.content-animation--bottom {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.content-animation--bottom [data-content-animation-item] {
    bottom: 0;
    top: auto
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9),
(min-width:668px) and (max-aspect-ratio:10/11),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .content-animation--bottom\:md {
        align-items: stretch;
        display: flex;
        flex-direction: column;
        justify-content: flex-end
    }

    .content-animation--bottom\:md [data-content-animation-item] {
        bottom: 0;
        top: auto
    }
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:667px) and (min-aspect-ratio:13/9),
(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .content-animation--bottom\:xs {
        align-items: stretch;
        display: flex;
        flex-direction: column;
        justify-content: flex-end
    }

    .content-animation--bottom\:xs [data-content-animation-item] {
        bottom: 0;
        top: auto
    }
}

.content-animation--center {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.content-animation--center [data-content-animation-item] {
    top: auto
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9),
(min-width:668px) and (max-aspect-ratio:10/11),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .content-animation--center\:md {
        align-items: stretch;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .content-animation--center\:md [data-content-animation-item] {
        top: auto
    }
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:667px) and (min-aspect-ratio:13/9),
(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .content-animation--center\:xs {
        align-items: stretch;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .content-animation--center\:xs [data-content-animation-item] {
        top: auto
    }
}

.content-animation--no-overflow {
    overflow: hidden
}

.content-animation--no-overflow.mobile-scrollable {
    overflow-x: var(--md, hidden) var(--n-md, scroll)
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {
    .mobile-scrollable {
        --scrollable-item-width: 100%;
        --scrollable-item-gap: 0;
        --scrollable-side-gap: 0px;
        --_side-offset: 0;
        display: flex;
        flex-wrap: nowrap;
        gap: var(--scrollable-item-gap) !important;
        margin-left: calc(var(--_side-offset) * -1);
        margin-right: calc(var(--_side-offset) * -1);
        overflow-x: scroll;
        overflow-y: hidden;
        padding: 0 0 0 calc(var(--scrollable-side-gap) + var(--_side-offset));
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        width: 100vw
    }

    .mobile-scrollable::-webkit-scrollbar {
        display: none
    }

    .mobile-scrollable:after {
        content: "";
        display: block;
        flex: 0 0 calc(var(--scrollable-side-gap) + var(--_side-offset));
        height: 1px;
        margin-left: calc(var(--scrollable-item-gap) * -1);
        position: relative;
        width: calc(var(--scrollable-side-gap) + var(--_side-offset))
    }

    .mobile-scrollable .mobile-scrollable__item {
        flex: 0 0 var(--scrollable-item-width);
        scroll-snap-align: center;
        width: var(--scrollable-item-width)
    }

    .mobile-scrollable.mobile-scrollable--center {
        --scrollable-side-gap: calc((100vw - var(--scrollable-item-width)) / 2)
    }

    .mobile-scrollable.mobile-scrollable--auto {
        --scrollable-item-width: auto
    }

    .mobile-scrollable.mobile-scrollable--auto .mobile-scrollable__item {
        scroll-snap-align: unset
    }
}

.sticky {
    display: grid;
    grid-auto-rows: 1fr;
    grid-template-areas: "sticky_content";
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    --sticky-under-previous-distance: calc(100 * var(--svh));
    --sticky-under-next-distance: calc(100 * var(--svh))
}

.sticky__layer {
    align-self: start;
    grid-area: sticky_content;
    min-width: 0;
    position: relative
}

.sticky__layer--top {
    position: relative;
    z-index: 1
}

.sticky__layer--sticky {
    contain: content;
    position: sticky;
    top: 0
}

.has-scroll-smooth .sticky__layer--sticky {
    contain: unset;
    position: relative
}

.sticky__layer--performance-block {
    contain: none
}

.sticky__spacer {
    height: calc(100 * var(--svh))
}

.sticky--under-previous {
    margin-top: calc(var(--sticky-under-previous-distance) * -1);
    position: relative
}

.sticky--under-previous:after {
    content: "";
    display: block;
    height: var(--sticky-under-previous-distance)
}

.sticky--under-next {
    margin-bottom: calc(var(--sticky-under-next-distance) * -1);
    position: relative
}

.sticky--under-next:after {
    content: "";
    display: block;
    height: var(--sticky-under-next-distance)
}

.sticky--under-previous.sticky--under-next .sticky__layer--sticky {
    max-height: 200svh
}

.sticky--under-previous.sticky--under-next:after {
    height: calc(var(--sticky-under-previous-distance) + var(--sticky-under-next-distance))
}

.sticky--under-next+.sticky--under-previous,
.sticky--under-previous--after-next {
    clip-path: inset(calc(100 * var(--svh)) 0 0);
    margin-top: calc(var(--sticky-under-previous-distance) * -1 + var(--sticky-under-next-distance) * -1)
}

.sticky--under-next+.sticky--under-previous,
.sticky--under-next+.sticky--under-previous _::-webkit-full-page-media,
.sticky--under-next+.sticky--under-previous _:future,
.sticky--under-previous--after-next,
.sticky--under-previous--after-next _::-webkit-full-page-media,
.sticky--under-previous--after-next _:future {
    transform: translateZ(1px)
}

@media (min-width:1440px),
(min-width:980px) and (min-aspect-ratio:10/11) {
    .sticky--under-previous--after-next\:lg-up {
        clip-path: inset(calc(100 * var(--svh)) 0 0);
        margin-top: calc(var(--sticky-under-previous-distance) * -1 + var(--sticky-under-next-distance) * -1)
    }

    .sticky--under-previous--after-next\:lg-up,
    .sticky--under-previous--after-next\:lg-up _::-webkit-full-page-media,
    .sticky--under-previous--after-next\:lg-up _:future {
        transform: translateZ(1px)
    }
}

.sticky--full-height,
.sticky--full-height .sticky__layer {
    min-height: calc(100 * var(--svh))
}

.sticky--full-height .sticky__layer--sticky {
    height: calc(100 * var(--svh))
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {
    .sticky\:lg-up {
        display: block
    }

    .sticky\:lg-up .sticky__layer--sticky {
        position: relative
    }

    .sticky\:lg-up:where(.sticky--full-height),
    .sticky\:lg-up:where(.sticky--full-height) .sticky__layer {
        min-height: 0
    }

    .sticky\:lg-up:where(.sticky--full-height) .sticky__layer--sticky {
        height: auto
    }

    .sticky\:lg-up:where(.sticky--under-previous--after-next),
    .sticky\:lg-up:where(.sticky--under-previous--after-next\:lg-up),
    :where(.sticky--under-next)+.sticky\:lg-up.sticky--under-previous {
        clip-path: none;
        margin-top: 0;
        transform: none
    }

    .sticky\:lg-up:where(.sticky--under-previous) {
        margin-top: 0
    }

    .sticky\:lg-up:where(.sticky--under-previous):after {
        display: none
    }

    .sticky\:lg-up:where(.sticky--under-next) {
        margin-bottom: 0
    }

    .sticky\:lg-up:where(.sticky--under-next):after {
        display: none
    }

    .sticky\:lg-up:where(.sticky--under-previous.sticky--under-next) .sticky__layer--sticky {
        max-height: none
    }
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {
    .sticky--under-next\:lg-up {
        --sticky-under-next-distance: 0px;
        margin-bottom: 0 !important
    }

    .sticky--under-next\:lg-up:after {
        display: none !important
    }

    .sticky--under-previous\:lg-up {
        --sticky-under-previous-distance: 0px;
        clip-path: none !important;
        margin-top: 0 !important
    }

    .sticky--under-previous\:lg-up:after {
        display: none !important
    }

    .sticky__layer--sticky\:lg-up {
        contain: unset;
        position: relative;
        top: 0
    }
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {}

@media (min-width:1440px),
(min-width:980px) and (min-aspect-ratio:10/11) {
    .sticky__layer--sticky\:md-down {
        contain: unset;
        height: auto !important;
        max-height: none !important;
        position: relative;
        top: 0
    }
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9),
(min-width:668px) and (max-aspect-ratio:10/11),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .sticky-slider {
        flex-wrap: nowrap;
        position: relative
    }

    .sticky-slider__sticky {
        overflow: hidden;
        position: sticky;
        top: 0
    }

    .has-scroll-smooth .sticky-slider__sticky {
        overflow: visible
    }

    .no-js .sticky-slider__sticky {
        overflow-x: auto
    }

    .has-scroll-smooth .sticky-slider__sticky {
        position: relative
    }

    .sticky-slider__sticky.row,
    .sticky-slider__sticky:not(.row)>.row {
        flex-wrap: unset;
        height: calc(100 * var(--dvh))
    }

    .sticky-slider__sticky.row>.col,
    .sticky-slider__sticky:not(.row)>.row>.col {
        flex-shrink: 0
    }

    .sticky-slider--full-screen {
        min-height: calc(100 * var(--dvh))
    }

    .sticky-slider--full-screen .sticky-slider__sticky {
        height: calc(100 * var(--dvh))
    }
}

.gallery-desktop-fixed {
    height: 100%;
    pointer-events: none;
    position: absolute;
    color: white !important;
    top: 0;
    width: 100vw;
    z-index: 1
}

.gallery-desktop-fixed__sticky {
    height: 100vh;
    position: sticky;
    top: 0
}

.has-scroll-smooth .gallery-desktop-fixed__sticky {
    position: relative
}

.gallery-desktop-fixed__title {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.gallery-desktop-fixed__title-text {
   font-family: Mulish, sans-serif;
    font-weight: 600 !important;
    --fos: -0.165em;
    --foe: -0.095em;
    font-size: 45PX;
    --lh: var(--xxxxl, 0.88889em) var(--n-xxxxl, var(--xxxl, 0.86207em) var(--n-xxxl, var(--xxl, 0.84em) var(--n-xxl, var(--md, 1em) var(--n-md, 0.91667em))));
    letter-spacing: 0PX;
    line-height: var(--lh);
    text-transform: none
}

.is-win .gallery-desktop-fixed__title-text {
    --fos: -0.165em;
    --foe: -0.095em
}

.gallery-desktop-fixed__title-text.news-modal__title,
[lang=en] .gallery-desktop-fixed__title-text:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn) {
    line-height: calc(var(--lh) + .2em)
}

.gallery-desktop-fixed__line {
    background: rgb(0 0 0);
    bottom: var(--spacing);
    height: 3px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    transition: transform .8s cubic-bezier(.25, .74, .22, .99);
    width: 180px;
}

.gallery-desktop-fixed__line-progress {
    background: #ef7952;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 5%
}

.gallery-desktop-item {
    display: block;
    /* height: 100%; */
    overflow: hidden;
    position: relative
}

.gallery-desktop-item img {
    transition: transform .8s cubic-bezier(.25, .74, .22, .99)
}

.gallery-desktop-item__snap-point {
    height: 100%;
    left: -8.33333vw;
    position: absolute;
    top: 0;
    width: 1px
}

.gallery-desktop-item--last .gallery-desktop-item__snap-point {
    left: auto;
    right: calc(70vw - var(--spacing-layout))
}

.has-hover .gallery-desktop-item:hover img {
    transform: scale(1.042)
}

.gallery-gradient {
    filter: blur(55px);
    height: 100vh;
    overflow: hidden;
    position: absolute;
    width: 100vw
}

.gallery-gradient div:first-child {
    background: radial-gradient(circle at center, var(--c-green) 0, rgba(var(--c-green-rgb), 0) 50%) no-repeat;
    height: 350%;
    left: -74vw;
    position: absolute;
    top: -30vh;
    width: 200%
}

.no-hover .gallery-gradient div:first-child {
    height: 200%;
    left: -128vw;
    top: -98vw
}

.gallery-gradient div:nth-child(2) {
    background: radial-gradient(circle, rgba(var(--c-black-rgb), .8) 0, rgba(var(--c-black-rgb), .5) 55%, rgba(var(--c-black-rgb), 0) 90%);
    bottom: -32vh;
    height: 40vw;
    position: absolute;
    right: -18vw;
    width: 40vw
}

.no-hover .gallery-gradient {
    position: fixed;
    top: 0
}

.dim--gallery {
    background: rgba(0, 0, 0, .3)
}

.no-hover .dim--gallery {
    background: linear-gradient(232deg, transparent 28.23%, rgba(0, 0, 0, .3) 78.02%), linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

.gallery-mobile-layout {
    display: grid;
    grid-auto-rows: 1fr;
    grid-template-areas: "mobile_layout";
    grid-template-columns: 1fr;
    grid-template-rows: auto
}

.gallery-mobile-layout__layer {
    align-self: stretch;
    grid-area: mobile_layout;
    min-width: 0;
    position: relative
}

.gallery-mobile-layout__layer--deco {
    pointer-events: none;
    z-index: 1
}

.gallery-mobile-layout__layer--full-height {
    height: 100%
}

.gallery-mobile-layout__layer--full-height .gallery-mobile-layout__sticky {
    height: 100dvh
}

.gallery-mobile-layout__sticky {
    height: 100svh;
    position: sticky;
    top: 0
}

.gallery-mobile-layout__spacing {
    padding-bottom: var(--lg, calc(50svh - 50vw / 640 * 800 / 2)) var(--n-lg, calc(50svh - (75vw - var(--spacing-layout) * 2) / 640 * 800 / 2));
    padding-top: var(--lg, calc(50svh - 50vw / 640 * 800 / 2)) var(--n-lg, calc(50svh - (75vw - var(--spacing-layout) * 2) / 640 * 800 / 2))
}

.gallery-mobile-title {
    align-items: center;
    display: flex;
    justify-content: space-between;
    left: var(--spacing-layout);
    position: absolute;
    right: var(--spacing-layout);
    top: 50%;
    transform: translateY(-50%);
    width: calc(var(--grid-col) * 3)
}

.gallery-mobile-title__left {
    flex-grow: 1
}

.gallery-mobile-title__text {
    font-family: Victor Serif, Helvetica, Arial, sans-serif;
    font-weight: 400;
    --fos: -0.165em;
    --foe: -0.095em;
    font-size: var(--xxxxl, calc(var(--scale-text-rem) * 26)) var(--n-xxxxl, var(--xxxl, calc(var(--scale-text-rem) * 22)) var(--n-xxxl, var(--xl, calc(var(--scale-text-rem) * 18)) var(--n-xl, var(--md, calc(var(--scale-text-rem) * 12.5)) var(--n-md, calc(var(--scale-text-rem) * 4)))));
    --lh: var(--xxxxl, 0.61538em) var(--n-xxxxl, var(--xxxl, 0.90909em) var(--n-xxxl, var(--xl, 0.88889em) var(--n-xl, var(--md, 0.84em) var(--n-md, 1.05em))));
    letter-spacing: var(--md, -.02em) var(--n-md, 0);
    line-height: var(--lh);
    text-transform: none
}

.is-win .gallery-mobile-title__text {
    --fos: -0.165em;
    --foe: -0.095em
}

.gallery-mobile-title__text.news-modal__title,
[lang=en] .gallery-mobile-title__text:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn) {
    line-height: calc(var(--lh) + .2em)
}

.gallery-mobile-item picture {
    aspect-ratio: 24/30
}

.gallery-mobile-scrollbar {
    background: rgba(var(--c-beige-background-rgb), .4);
    bottom: calc(var(--spacing-layout) + var(--cookie-height));
    height: 60px;
    left: var(--spacing-layout);
    position: absolute;
    width: 1px
}

.gallery-mobile-scrollbar__progress {
    background: var(--c-beige-background);
    width: 100%
}

.gallery-mobile-measure {
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0
}

.gallery-modal .no-hover {
    padding-bottom: calc(var(--spacing) * 3);
    padding-top: calc(var(--spacing) * 3)
}

.gallery-modal__item-text {
    bottom: var(--spacing-layout);
    left: var(--spacing-layout);
    position: absolute
}

.gallery-modal__list {
    display: flex;
    flex-direction: column;
    gap: calc(var(--scale-px) * 10)
}

.gallery-modal__list-item {
    position: relative
}

.gallery-modal__list-item img,
.gallery-modal__list-item picture {
    display: block;
    height: auto;
    width: 100%
}

.gallery-modal__line {
    background: rgba(var(--c-beige-rgb), .2);
    bottom: var(--spacing-layout);
    height: 1.5px;
    left: var(--spacing-layout);
    position: fixed;
    width: calc(100% - (var(--spacing-layout) * 2));
    z-index: 1
}

.gallery-modal__line-text {
    margin-top: -28px
}

.gallery-modal__line-progress {
    --progress: calc((var(--content-animation-index) + 1) / var(--content-animation-count));
    background: var(--c-beige);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scaleX(var(--progress, 0));
    transform-origin: 0 0;
    transition-duration: .4s;
    transition-property: width;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99);
    width: 100%
}

.has-hover .gallery-modal .sticky-slider {
    min-height: calc(100 * var(--dvh))
}

.has-hover .gallery-modal .sticky-slider .sticky-slider__sticky {
    height: calc(100 * var(--dvh))
}

.has-hover .gallery-modal__list {
    flex-direction: row;
    height: calc(100 * var(--svh))
}

.has-hover .gallery-modal__list-item,
.has-hover .gallery-modal__list-item picture {
    height: 100%
}

.has-hover .gallery-modal__list-item picture:after {
    background: linear-gradient(180deg, transparent 50%, rgba(0, 0, 0, .3));
    content: "";
    display: block;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.has-hover .gallery-modal__list-item img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: auto
}

.no-hover .gallery-modal {
    padding-bottom: calc(var(--spacing) * 4)
}

.no-hover .gallery-modal__gradient {
    filter: blur(50px);
    height: 100vh;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100vw
}

.no-hover .gallery-modal__gradient div:first-child {
    background: radial-gradient(circle, var(--c-green) 0, rgba(var(--c-green-rgb), .8) 5%, rgba(var(--c-green-rgb), 0) 62%);
    height: 96vw;
    left: -23vw;
    position: absolute;
    top: -28vw;
    width: 96vw
}
















/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

.h1,
h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,
figure {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button],
[type=reset],
[type=submit],
button {}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

input {
    overflow: visible
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

details {
    display: block
}

summary {
    display: list-item
}

menu {
    display: block
}

canvas {
    display: inline-block
}

[hidden],
template {
    display: none
}

.animation--fade-in,
.animation--fade-out,
.animation--height,
.animation--image-parallax-in,
.animation--image-parallax-in img,
.animation--image-slide-in,
.animation--image-zoom,
.animation--modal-link-transition-in,
.animation--modal-link-transition-in .modal__background,
.animation--modal-link-transition-out,
.animation--modal-link-transition-out .modal__background,
.animation--modal-out-fake,
.animation--tabs-in,
.animation--tabs-out,
.btn--underline .btn__underline:after,
.btn--underline .btn__underline:before,
.form-control--float .form-label,
.form-control--input input,
.form-control--select .form-control__arrow,
.form-control--select .form-control__content,
.form-control--select select,
.form-control--textarea textarea,
.form-control-checkbox__icon,
.form-control-checkbox__icon:before,
.form-control-radio__icon,
.form-control-radio__icon:before,
.form-control-range__handle__pin,
.form-control__error,
.form-control__progress,
.form-control__success,
.icon,
.menu-picker__item .background,
.modal--center.animation--modal-in,
.modal--center.animation--modal-in .modal__background,
.modal--center.animation--modal-in .modal__scroller,
.modal--center.animation--modal-out,
.modal--center.animation--modal-out .modal__background,
.modal--center.animation--modal-out .modal__scroller,
.modal--full.animation--modal-in,
.modal--full.animation--modal-in .modal__background,
.modal--full.animation--modal-in .modal__scroller,
.modal--full.animation--modal-out,
.modal--full.animation--modal-out .modal__background,
.modal--full.animation--modal-out .modal__scroller,
.modal--menu-picker.animation--modal-in,
.modal--menu-picker.animation--modal-in .menu-picker__gradient div,
.modal--menu-picker.animation--modal-out,
.modal--menu-picker.animation--modal-out .menu-picker__gradient div,
.modal--side--left.animation--modal-in,
.modal--side--left.animation--modal-in .modal__background,
.modal--side--left.animation--modal-in .modal__content,
.modal--side--left.animation--modal-out,
.modal--side--left.animation--modal-out .modal__background,
.modal--side--left.animation--modal-out .modal__content,
.modal--side-search.animation--modal-in,
.modal--side-search.animation--modal-in .modal__background,
.modal--side-search.animation--modal-in .modal__content,
.modal--side-search.animation--modal-out,
.modal--side-search.animation--modal-out .modal__background,
.modal--side-search.animation--modal-out .modal__content,
.modal--side.animation--modal-in,
.modal--side.animation--modal-in .modal__background,
.modal--side.animation--modal-in .modal__content,
.modal--side.animation--modal-out,
.modal--side.animation--modal-out .modal__background,
.modal--side.animation--modal-out .modal__content,
.tooltip,
.tooltip__animation,
a,
button,
input[type=submit] {
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.btn,
.btn.icon,
.btn:after,
.btn:before,
.header--sticky .header__background,
.header--sticky .header__content,
.header--sticky .header__logo,
.header--sticky .header__logo__left,
.header--sticky .header__logo__right,
.header--sticky .header__logo__right svg {
    transition-duration: .8s;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.overlay {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

.form-label:before,
.overlay {
    display: block;
    position: absolute
}

.form-label:before {
    bottom: -15px;
    left: -15px;
    right: -15px;
    top: -15px
}

.overflow-fix:after,
.overflow-fix:before {
    content: "";
    display: block;
    margin-top: -1px;
    overflow: hidden;
    padding-top: 1px;
    position: relative
}

.text-t1,
body,
button,
input,
textarea {
  
    font-weight: 400;
    --fos: -0.175em;
    --foe: -0.125em;
  
    --lh: var(--md, 1.1em) var(--n-md, 1.125em);
    letter-spacing: -.02em;
    line-height: var(--lh);
    text-transform: none
}

.is-win .text-t1,
.is-win body,
.is-win button,
.is-win input,
.is-win textarea {
    --fos: -0.175em;
    --foe: -0.125em
}

.news-modal__title.text-t1,
[lang=en] .text-t1:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn),
[lang=en] body:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn),
[lang=en] button:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn),
[lang=en] input:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn),
[lang=en] textarea:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn),
body.news-modal__title,
button.news-modal__title,
input.news-modal__title,
textarea.news-modal__title {
    /* line-height: calc(var(--lh) + .2em); */
}

.text-small {
    font-family: TT Commons Pro, Helvetica, Arial, sans-serif;
    font-weight: 400;
    --fos: -0.175em;
    --foe: -0.125em;
    font-size: var(--xxl, calc(var(--scale-text-rem) * 1.6)) var(--n-xxl, calc(var(--scale-text-rem) * 1.4));
    --lh: var(--xxl, 1.125em) var(--n-xxl, 1.14286em);
    letter-spacing: var(--xxl, -.02em) var(--n-xxl, 0);
    line-height: var(--lh);
    text-transform: none
}

.is-win .text-small {
    --fos: -0.175em;
    --foe: -0.125em
}

.news-modal__title.text-small,
[lang=en] .text-small:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn) {
    line-height: calc(var(--lh) + .2em)
}

.btn,
.btn--text-small,
.text-c1,
small {
    font-family: TT Commons Pro, Helvetica, Arial, sans-serif;
    font-weight: var(--xxxxl, 500) var(--n-xxxxl, var(--xxxl, 400) var(--n-xxxl, 500));
    --fos: -0.175em;
    --foe: -0.125em;
    font-size: var(--xxxxl, calc(var(--scale-text-rem) * 1.2)) var(--n-xxxxl, var(--xxxl, calc(var(--scale-text-rem) * 1.4)) var(--n-xxxl, var(--xxl, calc(var(--scale-text-rem) * 1.2)) var(--n-xxl, calc(var(--scale-text-rem) * 1))));
    --lh: var(--xxxxl, 1.5em) var(--n-xxxxl, var(--xxxl, 1.28571em) var(--n-xxxl, var(--xxl, 1.5em) var(--n-xxl, 1.4em)));
    letter-spacing: .08em;
    line-height: var(--lh);
    text-transform: uppercase
}

.is-win .btn,
.is-win .btn--text-small,
.is-win .text-c1,
.is-win small {
    --fos: -0.175em;
    --foe: -0.125em
}

.news-modal__title.btn,
.news-modal__title.btn--text-small,
.news-modal__title.text-c1,
[lang=en] .btn--text-small:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn),
[lang=en] .btn:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn),
[lang=en] .text-c1:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn),
[lang=en] small:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn),
small.news-modal__title {
    line-height: calc(var(--lh) + .2em)
}

.btn--text-smaller,
.text-c2 {
    font-family: TT Commons Pro, Helvetica, Arial, sans-serif;
    font-weight: var(--xxxxl, 500) var(--n-xxxxl, var(--xxxl, 400) var(--n-xxxl, 500));
    --fos: -0.175em;
    --foe: -0.125em;
    font-size: var(--xxxxl, calc(var(--scale-text-rem) * 1)) var(--n-xxxxl, var(--xxxl, calc(var(--scale-text-rem) * 1.2)) var(--n-xxxl, calc(var(--scale-text-rem) * 1)));
    --lh: var(--xxxxl, 1.4em) var(--n-xxxxl, var(--xxxl, 1.16667em) var(--n-xxxl, 1.4em));
    letter-spacing: .08em;
    line-height: var(--lh);
    text-transform: uppercase
}

.is-win .btn--text-smaller,
.is-win .text-c2 {
    --fos: -0.175em;
    --foe: -0.125em
}

.news-modal__title.btn--text-smaller,
.news-modal__title.text-c2,
[lang=en] .btn--text-smaller:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn),
[lang=en] .text-c2:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn) {
    line-height: calc(var(--lh) + .2em)
}

.text-c2-c1 {
    font-family: TT Commons Pro, Helvetica, Arial, sans-serif;
    font-weight: 500;
    --fos: -0.175em;
    --foe: -0.125em;
    font-size: var(--md, calc(var(--scale-text-rem) * 1.2)) var(--n-md, calc(var(--scale-text-rem) * 1));
    --lh: var(--md, 1.5em) var(--n-md, 1.4em);
    letter-spacing: .08em;
    line-height: var(--lh);
    text-transform: uppercase
}

.is-win .text-c2-c1 {
    --fos: -0.175em;
    --foe: -0.125em
}

.news-modal__title.text-c2-c1,
[lang=en] .text-c2-c1:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn) {
    line-height: calc(var(--lh) + .2em)
}

.text-c2-small {
    font-family: TT Commons Pro, Helvetica, Arial, sans-serif;
    font-weight: var(--md, 500) var(--n-md, 400);
    --fos: -0.175em;
    --foe: -0.125em;
    font-size: var(--md, calc(var(--scale-text-rem) * 1)) var(--n-md, calc(var(--scale-text-rem) * .8));
    --lh: var(--md, 1.4em) var(--n-md, 1.25em);
    letter-spacing: .08em;
    line-height: var(--lh);
    text-transform: uppercase
}

.is-win .text-c2-small {
    --fos: -0.175em;
    --foe: -0.125em
}

.news-modal__title.text-c2-small,
[lang=en] .text-c2-small:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn) {
    line-height: calc(var(--lh) + .2em)
}

.text-lead {
    font-family: TT Commons Pro, Helvetica, Arial, sans-serif;
    font-weight: 400;
    --fos: -0.175em;
    --foe: -0.125em;
    font-size: var(--xxl, calc(var(--scale-text-rem) * 2)) var(--n-xxl, calc(var(--scale-text-rem) * 1.6));
    --lh: 1.25em;
    letter-spacing: 0;
    line-height: var(--lh);
    text-transform: none
}

.is-win .text-lead {
    --fos: -0.175em;
    --foe: -0.125em
}

.news-modal__title.text-lead,
[lang=en] .text-lead:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn) {
    line-height: calc(var(--lh) + .2em)
}

.form-control--input input,
.form-control--input input:-webkit-autofill:first-line,
.form-control--select .form-control__content,
.form-control--select .form-control__content:-webkit-autofill:first-line,
.form-control--select select,
.form-control--select select:-webkit-autofill:first-line,
.form-control--textarea textarea,
.form-control--textarea textarea:-webkit-autofill:first-line {
    font-family: TT Commons Pro, Helvetica, Arial, sans-serif;
    font-weight: 400;
    --fos: -0.175em;
    --foe: -0.125em;
    font-size: var(--md, calc(var(--scale-text-rem) * 2)) var(--n-md, calc(var(--scale-text-rem) * 1.6));
    --lh: var(--md, 1.15em) var(--n-md, 1.125em);
    letter-spacing: -.02em;
    line-height: var(--lh);
    text-transform: none
}

.form-control--input .is-win input,
.form-control--input .is-win input:-webkit-autofill:first-line,
.form-control--select .is-win .form-control__content,
.form-control--select .is-win .form-control__content:-webkit-autofill:first-line,
.form-control--select .is-win select,
.form-control--select .is-win select:-webkit-autofill:first-line,
.form-control--textarea .is-win textarea,
.form-control--textarea .is-win textarea:-webkit-autofill:first-line,
.is-win .form-control--input input,
.is-win .form-control--input input:-webkit-autofill:first-line,
.is-win .form-control--select .form-control__content,
.is-win .form-control--select .form-control__content:-webkit-autofill:first-line,
.is-win .form-control--select select,
.is-win .form-control--select select:-webkit-autofill:first-line,
.is-win .form-control--textarea textarea,
.is-win .form-control--textarea textarea:-webkit-autofill:first-line {
    --fos: -0.175em;
    --foe: -0.125em
}

.form-control--input [lang=en] input:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn),
.form-control--input [lang=en] input:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn):-webkit-autofill:first-line,
.form-control--input input.news-modal__title,
.form-control--input input.news-modal__title:-webkit-autofill:first-line,
.form-control--select .news-modal__title.form-control__content,
.form-control--select .news-modal__title.form-control__content:-webkit-autofill:first-line,
.form-control--select [lang=en] .form-control__content:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn),
.form-control--select [lang=en] .form-control__content:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn):-webkit-autofill:first-line,
.form-control--select [lang=en] select:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn),
.form-control--select [lang=en] select:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn):-webkit-autofill:first-line,
.form-control--select select.news-modal__title,
.form-control--select select.news-modal__title:-webkit-autofill:first-line,
.form-control--textarea [lang=en] textarea:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn),
.form-control--textarea [lang=en] textarea:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn):-webkit-autofill:first-line,
.form-control--textarea textarea.news-modal__title,
.form-control--textarea textarea.news-modal__title:-webkit-autofill:first-line,
[lang=en] .form-control--input input:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn),
[lang=en] .form-control--input input:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn):-webkit-autofill:first-line,
[lang=en] .form-control--select .form-control__content:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn),
[lang=en] .form-control--select .form-control__content:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn):-webkit-autofill:first-line,
[lang=en] .form-control--select select:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn),
[lang=en] .form-control--select select:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn):-webkit-autofill:first-line,
[lang=en] .form-control--textarea textarea:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn),
[lang=en] .form-control--textarea textarea:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn):-webkit-autofill:first-line {
    line-height: calc(var(--lh) + .2em)
}

.text-t2-t1 {
    font-family: TT Commons Pro, Helvetica, Arial, sans-serif;
    font-weight: 400;
    --fos: -0.175em;
    --foe: -0.125em;
    font-size: var(--md, calc(var(--scale-text-rem) * 2)) var(--n-md, calc(var(--scale-text-rem) * 1.6));
    --lh: var(--md, 1.1em) var(--n-md, 1.125em);
    letter-spacing: -.02em;
    line-height: var(--lh);
    text-transform: none
}

.is-win .text-t2-t1 {
    --fos: -0.175em;
    --foe: -0.125em
}

.news-modal__title.text-t2-t1,
[lang=en] .text-t2-t1:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn) {
    line-height: calc(var(--lh) + .2em)
}

.g0 {
    font-family: Victor Serif, Helvetica, Arial, sans-serif;
    font-weight: 400;
    --fos: -0.165em;
    --foe: -0.095em;
    font-size: var(--md, calc(var(--scale-text-rem) * 9.5)) var(--n-md, calc(var(--scale-text-rem) * 7));
    --lh: var(--md, 0.94737em) var(--n-md, 0.85714em);
    letter-spacing: -.02em;
    line-height: var(--lh);
    text-transform: none
}

.is-win .g0 {
    --fos: -0.165em;
    --foe: -0.095em
}

.news-modal__title.g0,
[lang=en] .g0:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn) {
    line-height: calc(var(--lh) + .2em)
}

.g1 {
    font-family: Victor Serif, Helvetica, Arial, sans-serif;
    font-weight: 400;
    --fos: -0.165em;
    --foe: -0.095em;
    font-size: var(--xxxxl, calc(var(--scale-text-rem) * 26)) var(--n-xxxxl, var(--xxxl, calc(var(--scale-text-rem) * 22)) var(--n-xxxl, var(--md, calc(var(--scale-text-rem) * 18)) var(--n-md, calc(var(--scale-text-rem) * 6))));
    --lh: var(--xxxxl, 0.61538em) var(--n-xxxxl, var(--xxxl, 0.90909em) var(--n-xxxl, var(--md, 0.88889em) var(--n-md, 0.91667em)));
    letter-spacing: -.02em;
    line-height: var(--lh);
    text-transform: none
}

.is-win .g1 {
    --fos: -0.165em;
    --foe: -0.095em
}

.news-modal__title.g1,
[lang=en] .g1:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn) {
    line-height: calc(var(--lh) + .2em)
}

.h0-sm {
    font-family: Victor Serif, Helvetica, Arial, sans-serif;
    font-weight: 400;
    --fos: -0.165em;
    --foe: -0.095em;
    font-size: var(--xxxxl, calc(var(--scale-text-rem) * 18)) var(--n-xxxxl, var(--xxxl, calc(var(--scale-text-rem) * 14.5)) var(--n-xxxl, var(--xxl, calc(var(--scale-text-rem) * 12.5)) var(--n-xxl, var(--md, calc(var(--scale-text-rem) * 10)) var(--n-md, calc(var(--scale-text-rem) * 6)))));
    --lh: var(--xxxxl, 0.88889em) var(--n-xxxxl, var(--xxxl, 0.86207em) var(--n-xxxl, var(--xxl, 0.84em) var(--n-xxl, var(--md, 1em) var(--n-md, 0.91667em))));
    letter-spacing: -.02em;
    line-height: var(--lh);
    text-transform: none
}

.is-win .h0-sm {
    --fos: -0.165em;
    --foe: -0.095em
}

.news-modal__title.h0-sm,
[lang=en] .h0-sm:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn) {
    line-height: calc(var(--lh) + .2em)
}

.h0,
.text-h0 {
    font-family: Victor Serif, Helvetica, Arial, sans-serif;
    font-weight: 400;
    --fos: -0.165em;
    --foe: -0.095em;
    font-size: var(--xxxxl, calc(var(--scale-text-rem) * 18)) var(--n-xxxxl, var(--xxxl, calc(var(--scale-text-rem) * 14.5)) var(--n-xxxl, var(--xxl, calc(var(--scale-text-rem) * 12.5)) var(--n-xxl, var(--md, calc(var(--scale-text-rem) * 10)) var(--n-md, calc(var(--scale-text-rem) * 5)))));
    --lh: var(--xxxxl, 0.88889em) var(--n-xxxxl, var(--xxxl, 0.86207em) var(--n-xxxl, var(--xxl, 0.84em) var(--n-xxl, var(--md, 1em) var(--n-md, 0.9em))));
    letter-spacing: -.02em;
    line-height: var(--lh);
    text-transform: none
}

.is-win .h0,
.is-win .text-h0 {
    --fos: -0.165em;
    --foe: -0.095em
}

.news-modal__title.h0,
.news-modal__title.text-h0,
[lang=en] .h0:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn),
[lang=en] .text-h0:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn) {
    line-height: calc(var(--lh) + .2em)
}

.text-h0-lg {
    font-family: Victor Serif, Helvetica, Arial, sans-serif;
    font-weight: 400;
    --fos: -0.165em;
    --foe: -0.095em;
    font-size: var(--md, calc(var(--scale-text-rem) * 18)) var(--n-md, calc(var(--scale-text-rem) * 6));
    --lh: var(--md, 0.88889em) var(--n-md, 1.08333em);
    letter-spacing: -.02em;
    line-height: var(--lh);
    text-transform: none
}

.is-win .text-h0-lg {
    --fos: -0.165em;
    --foe: -0.095em
}

.news-modal__title.text-h0-lg,
[lang=en] .text-h0-lg:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn) {
    line-height: calc(var(--lh) + .2em)
}

.h1-sm {
    font-family: Victor Serif, Helvetica, Arial, sans-serif;
    font-weight: 400;
    --fos: -0.165em;
    --foe: -0.095em;
    font-size: var(--xxxxl, calc(var(--scale-text-rem) * 10)) var(--n-xxxxl, var(--xxxl, calc(var(--scale-text-rem) * 8)) var(--n-xxxl, var(--xxl, calc(var(--scale-text-rem) * 7)) var(--n-xxl, var(--md, calc(var(--scale-text-rem) * 5)) var(--n-md, calc(var(--scale-text-rem) * 2.6)))));
    --lh: var(--xxxxl, 0.95em) var(--n-xxxxl, var(--xxxl, 0.9375em) var(--n-xxxl, var(--xxl, 0.92857em) var(--n-xxl, var(--md, 0.9em) var(--n-md, 0.96154em))));
    letter-spacing: var(--md, -.02em) var(--n-md, 0);
    line-height: var(--lh);
    text-transform: none
}

.is-win .h1-sm {
    --fos: -0.165em;
    --foe: -0.095em
}

.news-modal__title.h1-sm,
[lang=en] .h1-sm:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn) {
    line-height: calc(var(--lh) + .2em)
}

.h1 {
    font-family: Victor Serif, Helvetica, Arial, sans-serif;
    font-weight: 400;
    --fos: -0.165em;
    --foe: -0.095em;
    font-size: var(--xxxxl, calc(var(--scale-text-rem) * 10)) var(--n-xxxxl, var(--xxxl, calc(var(--scale-text-rem) * 8)) var(--n-xxxl, var(--xxl, calc(var(--scale-text-rem) * 7)) var(--n-xxl, var(--md, calc(var(--scale-text-rem) * 5)) var(--n-md, calc(var(--scale-text-rem) * 3.6)))));
    --lh: var(--xxxxl, 0.95em) var(--n-xxxxl, var(--xxxl, 0.9375em) var(--n-xxxl, var(--xxl, 0.92857em) var(--n-xxl, var(--md, 0.9em) var(--n-md, 0.97222em))));
    letter-spacing: -.02em;
    line-height: var(--lh);
    text-transform: none
}

.is-win .h1 {
    --fos: -0.165em;
    --foe: -0.095em
}

.news-modal__title.h1,
[lang=en] .h1:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn) {
    line-height: calc(var(--lh) + .2em)
}

.h2,
.text-h2 {
    font-family: Victor Serif, Helvetica, Arial, sans-serif;
    font-weight: 400;
    --fos: -0.165em;
    --foe: -0.095em;
    font-size: var(--xxxxl, calc(var(--scale-text-rem) * 7)) var(--n-xxxxl, var(--xxxl, calc(var(--scale-text-rem) * 6)) var(--n-xxxl, var(--xxl, calc(var(--scale-text-rem) * 5)) var(--n-xxl, var(--md, calc(var(--scale-text-rem) * 4)) var(--n-md, calc(var(--scale-text-rem) * 2.6)))));
    --lh: var(--xxxxl, 0.92857em) var(--n-xxxxl, var(--xxxl, 0.91667em) var(--n-xxxl, var(--xxl, 0.9em) var(--n-xxl, var(--md, 1.05em) var(--n-md, 0.96154em))));
    letter-spacing: var(--xxl, -.02em) var(--n-xxl, 0);
    line-height: var(--lh);
    text-transform: none
}

.is-win .h2,
.is-win .text-h2 {
    --fos: -0.165em;
    --foe: -0.095em
}

.news-modal__title.h2,
.news-modal__title.text-h2,
[lang=en] .h2:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn),
[lang=en] .text-h2:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn) {
    line-height: calc(var(--lh) + .2em)
}

.h3 {
    font-family: Victor Serif, Helvetica, Arial, sans-serif;
    font-weight: 400;
    --fos: -0.165em;
    --foe: -0.095em;
    font-size: var(--xxxxl, calc(var(--scale-text-rem) * 6)) var(--n-xxxxl, var(--xxxl, calc(var(--scale-text-rem) * 5)) var(--n-xxxl, var(--xxl, calc(var(--scale-text-rem) * 4)) var(--n-xxl, var(--md, calc(var(--scale-text-rem) * 3.2)) var(--n-md, calc(var(--scale-text-rem) * 2.6)))));
    --lh: var(--xxxxl, 0.91667em) var(--n-xxxxl, var(--xxxl, 0.9em) var(--n-xxxl, var(--xxl, 1.05em) var(--n-xxl, var(--md, 1em) var(--n-md, 0.96154em))));
    letter-spacing: var(--xxxl, -.02em) var(--n-xxxl, var(--xxl, 0) var(--n-xxl, var(--md, -.02em) var(--n-md, 0)));
    line-height: var(--lh);
    text-transform: none
}

.is-win .h3 {
    --fos: -0.165em;
    --foe: -0.095em
}

.news-modal__title.h3,
[lang=en] .h3:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn) {
    line-height: calc(var(--lh) + .2em)
}

.text-h3-stc {
    font-family: Victor Serif, Helvetica, Arial, sans-serif;
    font-weight: 400;
    --fos: -0.165em;
    --foe: -0.095em;
    font-size: calc(var(--scale-text-rem) * 4);
    --lh: 1.05em;
    letter-spacing: 0;
    line-height: var(--lh);
    text-transform: none
}

.is-win .text-h3-stc {
    --fos: -0.165em;
    --foe: -0.095em
}

.news-modal__title.text-h3-stc,
[lang=en] .text-h3-stc:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn) {
    line-height: calc(var(--lh) + .2em)
}

code,
kbd,
pre,
samp {
    font-size: calc(var(--scale-text-rem) * 1.3);
    --lh: 1.38462em;
    font-family: Consolas, Liberation Mono, Menlo, Courier, monospace;
    font-weight: 400;
    line-height: var(--lh)
}

[lang=en] code:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn),
[lang=en] kbd:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn),
[lang=en] pre:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn),
[lang=en] samp:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn),
code.news-modal__title,
kbd.news-modal__title,
pre.news-modal__title,
samp.news-modal__title {
    line-height: calc(var(--lh) + .2em)
}

a {
    color: var(--t-primary)
}

.has-hover a:hover,
.has-hover a:hover:active,
a.is-active {
    color: var(--t-heading)
}

.header .header__logo {
    color: var(--t-text)
}

.has-hover .header .header__logo:hover,
.has-hover .header .header__logo:hover:active,
.header .has-hover .header__logo:hover,
.header .has-hover .header__logo:hover:active,
.header .is-active.header__logo {
    color: var(--t-primary)
}

@font-face {
    font-display: swap;
    font-family: TT Commons Pro;
    font-style: normal;
    font-weight: 400;
    src: url(/assets/fonts/TT_Commons_Pro_Regular.woff2) format("woff2"), url(/assets/fonts/TT_Commons_Pro_Regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: TT Commons Pro;
    font-style: normal;
    font-weight: 500;
    src: url(/assets/fonts/TTCommonsPro-Md.woff2) format("woff2"), url(/assets/fonts/TTCommonsPro-Md.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: TT Commons Pro;
    font-style: normal;
    font-weight: 700;
    src: url(/assets/fonts/TT_Commons_Pro_Bold.otf) format("opentype")
}

@font-face {
    font-display: swap;
    font-family: "Victor Serif";
    font-style: normal;
    font-weight: 400;
    src: url(/assets/fonts/VictorSerif-40Regular.woff2) format("woff2"), url(/assets/fonts/VictorSerif-40Regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Victor Serif";
    font-style: italic;
    font-weight: 400;
    src: url(/assets/fonts/VictorSerif-45RegularItalic.woff2) format("woff2"), url(/assets/fonts/VictorSerif-45RegularItalic.woff) format("woff")
}

:root {
    --scale-px: 1px;
    --scale-rem: 1rem;
    --scale-em: 1em;
    --scale-text-px: 1px;
    --scale-text-rem: 1rem;
    --scale-text-em: 1em;
    --spacing: var(--xxxxl, calc(var(--scale-px) * 80)) var(--n-xxxxl, var(--md, calc(var(--scale-px) * 60)) var(--n-md, calc(var(--scale-px) * 30)));
    --spacing-layout: var(--xxxxl, calc(var(--scale-px) * 80)) var(--n-xxxxl, var(--md, calc(var(--scale-px) * 60)) var(--n-md, calc(var(--scale-px) * 20)))
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9) and (max-height:499px),
(min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9) and (max-width:1439px),
(min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9) and (min-width:1200px) and (max-height:699px),
(min-width:668px) and (max-aspect-ratio:10/11) and (max-height:499px),
(min-width:668px) and (max-aspect-ratio:10/11) and (max-width:1439px),
(min-width:668px) and (max-aspect-ratio:10/11) and (min-width:1200px) and (max-height:699px),
(min-width:668px) and (min-height:416px) and (max-height:499px),
(min-width:668px) and (min-height:416px) and (max-width:1439px),
(min-width:668px) and (min-height:416px) and (min-width:1200px) and (max-height:699px),
(min-width:980px) and (max-height:499px),
(min-width:980px) and (max-width:1439px),
(min-width:980px) and (min-width:1200px) and (max-height:699px) {
    :root {
        --scale-px: max(0.5px, min(1px, calc(0.5px + 0.5 * ((var(--vw100) - 720px) / 720))));
        --scale-rem: max(0.5rem, min(1rem, calc(0.5rem + 5 * ((var(--vw100) - 720px) / 720))))
    }
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9) and (max-aspect-ratio:10/11) and (max-width:1439px),
(min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9) and (max-height:499px) and (min-aspect-ratio:10/11),
(min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9) and (max-width:1199px) and (min-aspect-ratio:10/11),
(min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9) and (max-width:979px),
(min-width:668px) and (max-aspect-ratio:10/11) and (max-aspect-ratio:10/11) and (max-width:1439px),
(min-width:668px) and (max-aspect-ratio:10/11) and (max-height:499px) and (min-aspect-ratio:10/11),
(min-width:668px) and (max-aspect-ratio:10/11) and (max-width:1199px) and (min-aspect-ratio:10/11),
(min-width:668px) and (max-aspect-ratio:10/11) and (max-width:979px),
(min-width:668px) and (min-height:416px) and (max-aspect-ratio:10/11) and (max-width:1439px),
(min-width:668px) and (min-height:416px) and (max-height:499px) and (min-aspect-ratio:10/11),
(min-width:668px) and (min-height:416px) and (max-width:1199px) and (min-aspect-ratio:10/11),
(min-width:668px) and (min-height:416px) and (max-width:979px),
(min-width:980px) and (max-aspect-ratio:10/11) and (max-width:1439px),
(min-width:980px) and (max-height:499px) and (min-aspect-ratio:10/11),
(min-width:980px) and (max-width:1199px) and (min-aspect-ratio:10/11),
(min-width:980px) and (max-width:979px) {
    :root {
        --scale-text-px: max(0.84px, min(1px, calc(0.84px + 0.16 * ((var(--vw100) - 720px) / 480))));
        --scale-text-rem: max(0.84rem, min(1rem, calc(0.84rem + 1.6 * ((var(--vw100) - 720px) / 480))))
    }
}

@media (min-width:1px) {
    :root {
        --sm: ;
        --n-sm: initial;
        --md: ;
        --n-md: initial;
        --lg: ;
        --n-lg: initial;
        --xl: ;
        --n-xl: initial;
        --xxl: ;
        --n-xxl: initial;
        --xxxl: ;
        --n-xxxl: initial;
        --xxxxl: ;
        --n-xxxxl: initial
    }
}

@media (min-aspect-ratio:13/9) and (min-width:1px),
(min-width:568px) and (min-width:1px) {
    :root {
        --n-sm: ;
        --sm: initial
    }
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9) and (min-width:1px),
(min-width:668px) and (max-aspect-ratio:10/11) and (min-width:1px),
(min-width:668px) and (min-height:416px) and (min-width:1px),
(min-width:980px) and (min-width:1px) {
    :root {
        --n-md: ;
        --md: initial
    }
}

@media (min-width:1440px) and (min-width:1px),
(min-width:980px) and (min-aspect-ratio:10/11) and (min-width:1px) {
    :root {
        --n-lg: ;
        --lg: initial
    }
}

@media (min-width:1200px) and (min-height:500px) and (min-aspect-ratio:10/11) and (min-width:1px),
(min-width:1440px) and (min-height:700px) and (min-width:1px) {
    :root {
        --n-xl: ;
        --xl: initial
    }
}

@media (min-width:1440px) and (min-height:700px) and (min-width:1px) {
    :root {
        --n-xxl: ;
        --xxl: initial
    }
}

@media (min-width:1920px) and (min-height:700px) and (min-width:1px) {
    :root {
        --n-xxxl: ;
        --xxxl: initial
    }
}

@media (min-width:2400px) and (min-height:700px) and (min-width:1px) {
    :root {
        --n-xxxxl: ;
        --xxxxl: initial
    }
}

:root {
    --vw: 1vw;
    --vw100: 100vw;
    --cookie-height: 0px;
    --dvh: calc((100dvh - var(--cookie-height)) / 100);
    --lvh: calc((100lvh - var(--cookie-height)) / 100);
    --svh: calc((100svh - var(--cookie-height)) / 100);
    --vh: var(--lvh)
}

.with-cookie-consent {
    --cookie-height: 0px
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:667px) and (min-aspect-ratio:13/9),
(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .with-cookie-consent {
        --cookie-height: 41px
    }
}

html {
    height: 100%;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    scroll-behavior: smooth
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {
    html.is-preloader-active {
        overflow: hidden
    }
}

body {
    min-height: calc(100 * var(--svh));
    width: var(--vw100)
}

html.no-hover {
    overflow: hidden
}

html.no-hover.is-ios {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.no-scroll-smooth .page-content-wrapper {
    height: 100svh;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0
}

.no-scroll-smooth .page-content-wrapper__inner {
    height: 100svh;
    overflow: clip;
    overflow: hidden;
    overflow-y: scroll;
    overscroll-behavior: none;
    position: relative;
    scroll-behavior: smooth
}

@media print {
    html {
        height: auto
    }

    body,
    html {
        overflow: visible
    }

    body {
        min-height: 0;
        width: 100%
    }
}

.page-content {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    margin-right: calc(100% - var(--vw100));
    min-height: calc(100 * var(--svh));
    position: relative;
    width: var(--vw100)
}

main {
    display: block;
    flex-grow: 1
}

blockquote,
dd,
dialog,
dl,
dt {
    margin: 0
}

dialog {
    background: none;
    border: 0;
    display: block;
    padding: 0
}

*,
:after,
:before {
    box-sizing: border-box
}

picture {
    display: block
}

img {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: top
}

img[draggable=false] {
    pointer-events: none;
    -webkit-user-drag: none
}


#__bs_notify__ {
    display: none !important
}

:root {
    --c-dark-green: #162d24;
    --c-dark-green-rgb: 22, 45, 36;
    --c-green: #1b4732;
    --c-green-rgb: 27, 71, 50;
    --c-light-green: #a7b431;
    --c-light-green-rgb: 167, 180, 49;
    --c-olive: #758535;
    --c-olive-rgb: 117, 133, 53;
    --c-dark-blue: #101e27;
    --c-dark-blue-rgb: 16, 30, 39;
    --c-blue: #005160;
    --c-blue-rgb: 0, 81, 96;
    --c-light-blue: #67bfda;
    --c-light-blue-rgb: 103, 191, 218;
    --c-sky: #bee5ee;
    --c-sky-rgb: 190, 229, 238;
    --c-white: #fff;
    --c-white-rgb: 255, 255, 255;
    --c-beige: #e0d1b6;
    --c-beige-rgb: 224, 209, 182;
    --c-beige-background: #f5e8d1;
    --c-beige-background-rgb: 245, 232, 209;
    --c-black: #030303;
    --c-black-rgb: 3, 3, 3;
    --c-button-hover-gradient-light: linear-gradient(101.51deg, rgba(27, 71, 50, 0) 37.02%, #1b4732 308.4%);
    --c-button-hover-gradient-dark: linear-gradient(91.82deg, hsla(39, 40%, 80%, 0) 20.31%, hsla(39, 40%, 80%, .15) 90.77%);
    --c-error: #e1c35b;
    --c-error-rgb: 225, 195, 91
}

.ui-dark,
.ui-light,
:root {
    --t-background: var(--c-beige-background);
    --t-background-rgb: var(--c-beige-background-rgb);
    --t-line: rgba(var(--c-dark-green-rgb), 0.2);
    --t-small: rgba(var(--c-dark-green-rgb), 0.4);
    --t-text: var(--c-dark-green);
    --t-text-rgb: var(--c-dark-green-rgb);
    --t-heading: var(--c-dark-green);
    --t-heading-rgb: var(--c-dark-green-rgb);
    --t-primary: var(--c-dark-green);
    --t-primary-rgb: var(--c-dark-green-rgb);
    --t-secondary: var(--c-green);
    --t-secondary-rgb: var(--c-green-rgb);
    --t-list-item-point: rgba(var(--c-dark-green-rgb), 0.4);
    --t-button-text: var(--c-beige);
    --t-button-text-rgb: var(--c-beige-rgb);
    --t-button-hover: var(--c-green);
    --t-button-hover-rgb: var(--c-green-rgb);
    --t-button-primary-text: var(--t-button-text);
    --t-button-primary-text-rgb: var(--t-button-text-rgb);
    --t-button-primary-background: var(--t-primary);
    --t-button-primary-background-rgb: var(--t-primary-rgb);
    --t-button-primary-hover-text: var(--t-button-text);
    --t-button-primary-hover-text-rgb: var(--t-button-text-rgb);
    --t-button-primary-hover-background: var(--t-secondary);
    --t-button-primary-hover-background-rgb: var(--t-secondary-rgb);
    --t-button-primary-active-text: var(--t-button-text);
    --t-button-primary-active-text-rgb: var(--t-button-text-rgb);
    --t-button-primary-active-background: var(--t-secondary);
    --t-button-primary-active-background-rgb: var(--t-secondary-rgb);
    --t-button-primary-disabled-text: var(--t-button-text);
    --t-button-primary-disabled-text-rgb: var(--t-button-text-rgb);
    --t-button-primary-disabled-background: rgba(var(--t-secondary-rgb), 0.4);
    --t-button-primary-active-hover-text: var(--t-button-text);
    --t-button-primary-active-hover-text-rgb: var(--t-button-text-rgb);
    --t-button-primary-active-hover-background: var(--t-secondary);
    --t-button-primary-active-hover-background-rgb: var(--t-secondary-rgb);
    --t-button-outline-active-text: var(--t-heading);
    --t-button-outline-active-text-rgb: var(--t-heading-rgb);
    --t-button-outline-active-background: transparent;
    --t-button-outline-active-border: var(--t-heading);
    --t-button-outline-active-border-rgb: var(--t-heading-rgb);
    --t-button-outline-active-hover-text: var(--t-heading);
    --t-button-outline-active-hover-text-rgb: var(--t-heading-rgb);
    --t-button-outline-active-hover-background: var(--c-button-hover-gradient-light);
    --t-button-outline-active-hover-background-rgb: var(--c-button-hover-gradient-light-rgb);
    --t-button-outline-active-hover-border: var(--t-heading);
    --t-button-outline-active-hover-border-rgb: var(--t-heading-rgb);
    --t-button-outline-active-disabled-text: rgba(var(--t-heading-rgb), 0.4);
    --t-button-outline-active-disabled-background: transparent;
    --t-button-outline-active-disabled-border: rgba(var(--t-heading-rgb), 0.1);
    --t-button-outline-active-active-text: var(--t-background);
    --t-button-outline-active-active-text-rgb: var(--t-background-rgb);
    --t-button-outline-active-active-background: var(--t-heading);
    --t-button-outline-active-active-background-rgb: var(--t-heading-rgb);
    --t-button-outline-active-active-border: var(--t-heading);
    --t-button-outline-active-active-border-rgb: var(--t-heading-rgb);
    --t-button-outline-active-active-hover-text: var(--t-background);
    --t-button-outline-active-active-hover-text-rgb: var(--t-background-rgb);
    --t-button-outline-active-active-hover-background: var(--t-heading);
    --t-button-outline-active-active-hover-background-rgb: var(--t-heading-rgb);
    --t-button-outline-active-active-hover-border: var(--t-heading);
    --t-button-outline-active-active-hover-border-rgb: var(--t-heading-rgb);
    --t-button-outline-text: var(--t-heading);
    --t-button-outline-text-rgb: var(--t-heading-rgb);
    --t-button-outline-background: transparent;
    --t-button-outline-border: var(--t-heading);
    --t-button-outline-border-rgb: var(--t-heading-rgb);
    --t-button-outline-hover-text: var(--t-heading);
    --t-button-outline-hover-text-rgb: var(--t-heading-rgb);
    --t-button-outline-hover-background: var(--c-button-hover-gradient-light);
    --t-button-outline-hover-background-rgb: var(--c-button-hover-gradient-light-rgb);
    --t-button-outline-hover-border: var(--t-heading);
    --t-button-outline-hover-border-rgb: var(--t-heading-rgb);
    --t-button-outline-disabled-text: rgba(var(--t-heading-rgb), 0.4);
    --t-button-outline-disabled-background: transparent;
    --t-button-outline-disabled-border: rgba(var(--t-heading-rgb), 0.1);
    --t-button-link-text: var(--t-heading);
    --t-button-link-text-rgb: var(--t-heading-rgb);
    --t-button-link-hover-text: var(--t-heading);
    --t-button-link-hover-text-rgb: var(--t-heading-rgb);
    --t-button-link-hover-border: var(--t-heading);
    --t-button-link-hover-border-rgb: var(--t-heading-rgb);
    --t-button-link-heading-text: var(--t-heading);
    --t-button-link-heading-text-rgb: var(--t-heading-rgb);
    --t-button-link-heading-border: rgba(var(--t-heading-rgb), 0.15);
    --t-button-link-heading-hover-text: var(--t-heading);
    --t-button-link-heading-hover-text-rgb: var(--t-heading-rgb);
    --t-button-link-heading-hover-border: var(--t-heading);
    --t-button-link-heading-hover-border-rgb: var(--t-heading-rgb);
    --t-button-tooltip-link-text: rgba(var(--t-text-rgb), 0.5);
    --t-button-tooltip-link-hover-text: var(--t-text);
    --t-button-tooltip-link-hover-text-rgb: var(--t-text-rgb);
    --t-button-tooltip-link-active-text: var(--t-text);
    --t-button-tooltip-link-active-text-rgb: var(--t-text-rgb);
    --t-button-disabled-text: rgba(var(--t-heading-rgb), 0.4);
    --t-button-disabled-background: transparent;
    --t-button-disabled-border: rgba(var(--t-heading-rgb), 0.1);
    --t-button-disabled-hover-text: rgba(var(--t-heading-rgb), 0.4);
    --t-button-disabled-hover-background: transparent;
    --t-button-disabled-hover-border: rgba(var(--t-heading-rgb), 0.1);
    --t-button-disabled-disabled-text: rgba(var(--t-heading-rgb), 0.4);
    --t-button-disabled-disabled-background: transparent;
    --t-button-disabled-disabled-border: rgba(var(--t-heading-rgb), 0.1);
    --t-button-tab-text: var(--t-heading);
    --t-button-tab-text-rgb: var(--t-heading-rgb);
    --t-button-tab-background: transparent;
    --t-button-tab-border: var(--t-line);
    --t-button-tab-border-rgb: var(--t-line-rgb);
    --t-button-tab-hover-text: var(--t-heading);
    --t-button-tab-hover-text-rgb: var(--t-heading-rgb);
    --t-button-tab-hover-background: var(--c-button-hover-gradient-dark);
    --t-button-tab-hover-background-rgb: var(--c-button-hover-gradient-dark-rgb);
    --t-button-tab-hover-border: var(--t-heading);
    --t-button-tab-hover-border-rgb: var(--t-heading-rgb);
    --t-button-tab-disabled-text: rgba(var(--t-heading-rgb), 0.4);
    --t-button-tab-disabled-background: transparent;
    --t-button-tab-disabled-border: rgba(var(--t-heading-rgb), 0.1);
    --t-button-tab-active-text: var(--t-heading);
    --t-button-tab-active-text-rgb: var(--t-heading-rgb);
    --t-button-tab-active-background: transparent;
    --t-button-tab-active-border: var(--t-heading);
    --t-button-tab-active-border-rgb: var(--t-heading-rgb);
    --t-link-default-normal: var(--t-primary);
    --t-link-default-normal-rgb: var(--t-primary-rgb);
    --t-link-default-hover: var(--t-heading);
    --t-link-default-hover-rgb: var(--t-heading-rgb);
    --t-link-default-active: var(--t-heading);
    --t-link-default-active-rgb: var(--t-heading-rgb);
    --t-link-text-normal: var(--t-text);
    --t-link-text-normal-rgb: var(--t-text-rgb);
    --t-link-text-hover: var(--t-primary);
    --t-link-text-hover-rgb: var(--t-primary-rgb);
    --t-link-text-active: var(--t-primary);
    --t-link-text-active-rgb: var(--t-primary-rgb)
}

.ui-light {
    color: var(--t-text)
}

.ui-light-background {
    background: var(--c-beige-background)
}

.ui-dark {
    --t-background: var(--c-dark-green);
    --t-background-rgb: var(--c-dark-green-rgb);
    --t-line: rgba(var(--c-beige-rgb), 0.2);
    --t-small: rgba(var(--c-beige-background-rgb), 0.5);
    --t-text: var(--c-beige);
    --t-text-rgb: var(--c-beige-rgb);
    --t-heading: var(--c-beige);
    --t-heading-rgb: var(--c-beige-rgb);
    --t-primary: var(--c-beige-background);
    --t-primary-rgb: var(--c-beige-background-rgb);
    --t-secondary: var(--c-beige);
    --t-secondary-rgb: var(--c-beige-rgb);
    --t-button-hover: var(--t-button-hover-dark);
    --t-button-hover-rgb: var(--t-button-hover-dark-rgb);
    --t-button-primary-text: var(--t-background);
    --t-button-primary-text-rgb: var(--t-background-rgb);
    --t-button-primary-background: var(--t-primary);
    --t-button-primary-background-rgb: var(--t-primary-rgb);
    --t-button-primary-hover-text: var(--t-background);
    --t-button-primary-hover-text-rgb: var(--t-background-rgb);
    --t-button-primary-hover-background: var(--t-heading);
    --t-button-primary-hover-background-rgb: var(--t-heading-rgb);
    --t-button-primary-active-text: var(--t-background);
    --t-button-primary-active-text-rgb: var(--t-background-rgb);
    --t-button-primary-active-background: var(--t-heading);
    --t-button-primary-active-background-rgb: var(--t-heading-rgb);
    --t-button-primary-active-hover-text: var(--t-background);
    --t-button-primary-active-hover-text-rgb: var(--t-background-rgb);
    --t-button-primary-active-hover-background: var(--t-heading);
    --t-button-primary-active-hover-background-rgb: var(--t-heading-rgb);
    --t-button-outline-text: var(--t-heading);
    --t-button-outline-text-rgb: var(--t-heading-rgb);
    --t-button-outline-background: transparent;
    --t-button-outline-border: var(--t-heading);
    --t-button-outline-border-rgb: var(--t-heading-rgb);
    --t-button-outline-hover-text: var(--t-heading);
    --t-button-outline-hover-text-rgb: var(--t-heading-rgb);
    --t-button-outline-hover-background: var(--c-button-hover-gradient-dark);
    --t-button-outline-hover-background-rgb: var(--c-button-hover-gradient-dark-rgb);
    --t-button-outline-hover-border: var(--t-heading);
    --t-button-outline-hover-border-rgb: var(--t-heading-rgb);
    --t-button-outline-disabled-text: rgba(var(--t-heading-rgb), 0.4);
    --t-button-outline-disabled-background: transparent;
    --t-button-outline-disabled-border: rgba(var(--t-heading-rgb), 0.1);
    --t-button-tab-text: var(--t-heading);
    --t-button-tab-text-rgb: var(--t-heading-rgb);
    --t-button-tab-background: transparent;
    --t-button-tab-border: var(--t-line);
    --t-button-tab-border-rgb: var(--t-line-rgb);
    --t-button-tab-hover-text: var(--t-heading);
    --t-button-tab-hover-text-rgb: var(--t-heading-rgb);
    --t-button-tab-hover-background: var(--c-button-hover-gradient-dark);
    --t-button-tab-hover-background-rgb: var(--c-button-hover-gradient-dark-rgb);
    --t-button-tab-hover-border: var(--t-heading);
    --t-button-tab-hover-border-rgb: var(--t-heading-rgb);
    --t-button-tab-disabled-text: rgba(var(--t-heading-rgb), 0.4);
    --t-button-tab-disabled-background: transparent;
    --t-button-tab-disabled-border: rgba(var(--t-heading-rgb), 0.1);
    --t-button-tab-active-text: var(--t-heading);
    --t-button-tab-active-text-rgb: var(--t-heading-rgb);
    --t-button-tab-active-background: transparent;
    --t-button-tab-active-border: var(--t-heading);
    --t-button-tab-active-border-rgb: var(--t-heading-rgb);
    --t-button-link-text: var(--t-text);
    --t-button-link-text-rgb: var(--t-text-rgb);
    --t-button-link-hover-text: var(--t-text);
    --t-button-link-hover-text-rgb: var(--t-text-rgb);
    --t-button-link-hover-border: var(--t-text);
    --t-button-link-hover-border-rgb: var(--t-text-rgb);
    color: var(--t-text)
}

.ui-dark-background {
    background: var(--c-dark-green)
}

@media print {

    .ui-dark,
    .ui-light,
    :root {
        --t-background: #fff;
        --t-line: #666;
        --t-small: #666;
        --t-text: #000;
        --t-heading: #000;
        --t-primary: var(--t-turquoise);
        --t-primary-rgb: var(--t-turquoise-rgb);
        --t-secondary: #000
    }

    .ui-dark,
    .ui-light,
    body {
        background: #000
    }

    .ui-dark-background,
    .ui-light-background,
    body {
        background: #fff
    }
}

.is-visually-hidden,
.sr-only {
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(100%);
    height: 1px;
    margin: -1px 0 0;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    white-space: nowrap;
    width: 1px
}

.sr-only--focusable:focus-visible {
    z-index: 100;
    clip: unset;
    background: var(--t-background);
    clip-path: none;
    color: var(--t-heading);
    height: auto;
    padding: calc(var(--scale-px) * 10);
    width: auto
}

.is-invisible,
.js .is-invisible--js,
.no-js .is-invisible--no-js {
    opacity: 0;
    pointer-events: none
}

.is-decorative,
.js .is-decorative--js {
    pointer-events: none
}

.overlay {
    background: #fff;
    opacity: 0
}

.disable-smooth-scrolling {
    scroll-behavior: auto
}

.flicker-fix,
.svg-fix img,
.svg-fix svg,
img.svg-fix,
svg.svg-fix {
    backface-visibility: hidden
}

.flicker-fix,
.flicker-fix _::-webkit-full-page-media,
.flicker-fix _:future,
.svg-fix img,
.svg-fix img _::-webkit-full-page-media,
.svg-fix img _:future,
.svg-fix svg,
.svg-fix svg _::-webkit-full-page-media,
.svg-fix svg _:future,
img.svg-fix,
img.svg-fix _::-webkit-full-page-media,
img.svg-fix _:future,
svg.svg-fix,
svg.svg-fix _::-webkit-full-page-media,
svg.svg-fix _:future {
    backface-visibility: unset;
    will-change: transform
}

@-moz-document url-prefix() {

    .flicker-fix,
    .svg-fix img,
    .svg-fix svg,
    img.svg-fix,
    svg.svg-fix {
        backface-visibility: unset;
        transform: rotate(.001deg)
    }
}

.blur-fix,
.blur-fix _::-webkit-full-page-media,
.blur-fix _:future {
    will-change: transform
}

@media (min-width:1440px),
(min-width:980px) and (min-aspect-ratio:10/11) {

    .blur-fix\:lg-up,
    .blur-fix\:lg-up _::-webkit-full-page-media,
    .blur-fix\:lg-up _:future {
        will-change: transform
    }
}

.img-full,
.img-full img {
    height: auto;
    vertical-align: top;
    width: 100%
}

.img-cover,
.img-cover img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

a {
    text-decoration: none
}

a,
button,
input[type=submit] {
    cursor: pointer;
    transition-property: color
}

a:focus,
button:focus,
input[type=submit]:focus {
    outline-color: transparent
}

::-moz-focus-inner {
    border: 0;
    padding: 0
}

a:where(:not(.btn):not(.btn-container)):focus-visible,
button:where(:not(.btn)):focus-visible {
    outline: 3px auto currentColor
}

@media print {

    a[href^="/"]:not(.btn):after,
    a[href^=http]:not(.btn):after {
        content: " [" attr(href) "] "
    }

    a:not(.btn):not(:local-link):after {
        color: inherit;
        content: " [" attr(href) "] "
    }
}

.is-disabled,
:disabled,
[disabled] {
    pointer-events: none
}

:where([data-natural-width], .dev-tools-ratio-placeholder) {
    position: relative
}

.dev-tools-ratio-placeholder:before,
[data-natural-width]:before {
    background: #000;
    color: #fff;
    content: "Natural: " attr(data-natural-width) " x " attr(data-natural-height) "\aRendered: " attr(data-width) " x " attr(data-height) "\aRatio: " attr(data-ratio);
    font: 12px/14px Arial;
    left: 50%;
    letter-spacing: 0;
    padding: 10px;
    position: absolute;
    text-transform: none;
    top: 50%;
    transform: translate(-50%, -50%);
    white-space: pre;
    z-index: 9999
}

.dev-tools-ratio-too-large:before {
    background: #bc9400;
    content: "IMAGE TOO LARGE!\aNatural: " attr(data-natural-width) " x " attr(data-natural-height) "\aRendered: " attr(data-width) " x " attr(data-height) "\aRatio: " attr(data-ratio)
}

.dev-tools-ratio-too-small:before {
    background: #ce0000;
    content: "IMAGE TOO SMALL!\aNatural: " attr(data-natural-width) " x " attr(data-natural-height) "\aRendered: " attr(data-width) " x " attr(data-height) "\aRatio: " attr(data-ratio)
}

.dev-tools-ratio-placeholder:before {
    background: #ce0000;
    content: "IMAGE PLACEHOLDER SIZE INVALID!\aNatural: " attr(data-placeholder-natural-width) " x " attr(data-placeholder-natural-height) " (" attr(data-placeholder-natural-ratio) ")\aPlaceholder: " attr(data-placeholder-width) " x " attr(data-placeholder-height) " (" attr(data-placeholder-ratio) ")"
}

.icon {
    display: inline-block;
    flex-shrink: 0;
    height: calc(var(--icon-height) * var(--scale-px));
    transition-property: color, transform, opacity;
    vertical-align: middle;
    width: calc(var(--icon-width) * var(--scale-px))
}

.btn .icon,
a .icon,
button .icon {
    pointer-events: none;
    transition: none
}

html {
    font-size: 62.5%
}

body,
button,
input,
textarea {
    color: var(--t-text);
    font-feature-settings: "kern" 1;
    font-kerning: normal;
    text-rendering: geometricPrecision
}

cite {
    font-style: inherit
}

sup {
    font-size: 48%;
    line-height: inherit;
    top: -.9em
}

.h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5 {
    color: var(--t-heading)
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9),
(min-width:668px) and (max-aspect-ratio:10/11),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    [lang=en] .h1 {
        line-height: calc(var(--lh) + .075em)
    }
}

.h1,
.h2,
.h3,
.h4,
.h5,
blockquote,
figure,
h1,
h2,
h3,
h4,
h5,
hr,
iframe,
object,
p,
pre,
table {
    margin: 0
}

.text-color-primary {
    color: var(--t-primary)
}

.text-color-secondary {
    color: var(--t-secondary)
}

.text-color-heading {
    color: var(--t-heading)
}

.text-color-small {
    color: var(--t-small)
}

.text-color-text {
    color: var(--t-text)
}

.text-color-line {
    color: var(--t-line)
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

@media (max-width:567px) and (max-aspect-ratio:13/9) {
    .text-left\:xs {
        text-align: left
    }

    .text-right\:xs {
        text-align: right
    }

    .text-center\:xs {
        text-align: center
    }
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9),
(min-width:668px) and (max-aspect-ratio:10/11),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .text-left\:md {
        text-align: left
    }

    .text-right\:md {
        text-align: right
    }

    .text-center\:md {
        text-align: center
    }
}

@media (min-width:1440px),
(min-width:980px) and (min-aspect-ratio:10/11) {
    .text-left\:lg {
        text-align: left
    }

    .text-right\:lg {
        text-align: right
    }

    .text-center\:lg {
        text-align: center
    }
}

.text-nowrap,
.text-truncate {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important
}

.text {
    font-family: TT Commons Pro, Helvetica, Arial, sans-serif;
    font-weight: 400;
    --fos: -0.175em;
    --foe: -0.125em;
    font-size: var(--xxl, calc(var(--scale-text-rem) * 2)) var(--n-xxl, calc(var(--scale-text-rem) * 1.6));
    --lh: 1.25em;
    letter-spacing: 0;
    line-height: var(--lh);
    text-transform: none
}

.is-win .text {
    --fos: -0.175em;
    --foe: -0.125em
}

.text.news-modal__title,
[lang=en] .text:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn) {
    line-height: calc(var(--lh) + .2em)
}

.text figure {
    position: relative
}

.text figure,
.text picture {
    display: block
}

.text img {
    height: auto;
    max-width: 100%;
    vertical-align: top
}

.text .h1,
.text .h2,
.text .h3,
.text .h4,
.text .h5,
.text h1,
.text h2,
.text h3,
.text h4,
.text h5 {
    margin-bottom: var(--spacing);
    margin-top: var(--spacing)
}

.text .h1:where(:first-child),
.text .h2:where(:first-child),
.text .h3:where(:first-child),
.text .h4:where(:first-child),
.text .h5:where(:first-child),
.text h1:where(:first-child),
.text h2:where(:first-child),
.text h3:where(:first-child),
.text h4:where(:first-child),
.text h5:where(:first-child) {
    margin-top: 0
}

.text .h1:where(:last-child),
.text .h2:where(:last-child),
.text .h3:where(:last-child),
.text .h4:where(:last-child),
.text .h5:where(:last-child),
.text h1:where(:last-child),
.text h2:where(:last-child),
.text h3:where(:last-child),
.text h4:where(:last-child),
.text h5:where(:last-child) {
    margin-bottom: 0
}

.text .h1:has(span),
.text .h2:has(span),
.text .h3:has(span),
.text .h4:has(span),
.text .h5:has(span),
.text h1:has(span),
.text h2:has(span),
.text h3:has(span),
.text h4:has(span),
.text h5:has(span) {
    display: flex;
    gap: calc(var(--scale-px) * 20)
}

.text .h1>span,
.text .h2>span,
.text .h3>span,
.text .h4>span,
.text .h5>span,
.text h1>span,
.text h2>span,
.text h3>span,
.text h4>span,
.text h5>span {
    align-items: center;
    border: 1.5px solid var(--t-text);
    border-radius: 50%;
    display: flex;
    flex-shrink: 0;
    font-family: TT Commons Pro, Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-weight: var(--xxxxl, 500) var(--n-xxxxl, var(--xxxl, 400) var(--n-xxxl, 500));
    height: var(--md, calc(var(--scale-px) * 30)) var(--n-md, calc(var(--scale-px) * 20));
    justify-content: center;
    margin-top: var(--md, calc(var(--scale-px) * 7)) var(--n-md, calc(var(--scale-px) * 4));
    padding: 0 0 0 calc(var(--scale-px) * 2);
    width: var(--md, calc(var(--scale-px) * 30)) var(--n-md, calc(var(--scale-px) * 20));
    --fos: -0.175em;
    --foe: -0.125em;
    font-size: var(--xxxxl, calc(var(--scale-text-rem) * 1.2)) var(--n-xxxxl, var(--xxxl, calc(var(--scale-text-rem) * 1.4)) var(--n-xxxl, var(--xxl, calc(var(--scale-text-rem) * 1.2)) var(--n-xxl, calc(var(--scale-text-rem) * 1))));
    --lh: var(--xxxxl, 1.5em) var(--n-xxxxl, var(--xxxl, 1.28571em) var(--n-xxxl, var(--xxl, 1.5em) var(--n-xxl, 1.4em)));
    letter-spacing: .08em;
    line-height: var(--lh);
    text-transform: uppercase
}

.is-ios .text .h1>span,
.is-ios .text .h2>span,
.is-ios .text .h3>span,
.is-ios .text .h4>span,
.is-ios .text .h5>span,
.is-ios .text h1>span,
.is-ios .text h2>span,
.is-ios .text h3>span,
.is-ios .text h4>span,
.is-ios .text h5>span,
.is-mac .text .h1>span,
.is-mac .text .h2>span,
.is-mac .text .h3>span,
.is-mac .text .h4>span,
.is-mac .text .h5>span,
.is-mac .text h1>span,
.is-mac .text h2>span,
.is-mac .text h3>span,
.is-mac .text h4>span,
.is-mac .text h5>span {
    padding: calc(var(--scale-px) * 1) 0 0 calc(var(--scale-px) * 2)
}

.is-win .text .h1>span,
.is-win .text .h2>span,
.is-win .text .h3>span,
.is-win .text .h4>span,
.is-win .text .h5>span,
.is-win .text h1>span,
.is-win .text h2>span,
.is-win .text h3>span,
.is-win .text h4>span,
.is-win .text h5>span {
    --fos: -0.175em;
    --foe: -0.125em
}

.text .h1>span.news-modal__title,
.text .h2>span.news-modal__title,
.text .h3>span.news-modal__title,
.text .h4>span.news-modal__title,
.text .h5>span.news-modal__title,
.text h1>span.news-modal__title,
.text h2>span.news-modal__title,
.text h3>span.news-modal__title,
.text h4>span.news-modal__title,
.text h5>span.news-modal__title,
[lang=en] .text .h1>span:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn),
[lang=en] .text .h2>span:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn),
[lang=en] .text .h3>span:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn),
[lang=en] .text .h4>span:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn),
[lang=en] .text .h5>span:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn),
[lang=en] .text h1>span:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn),
[lang=en] .text h2>span:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn),
[lang=en] .text h3>span:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn),
[lang=en] .text h4>span:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn),
[lang=en] .text h5>span:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn) {
    line-height: calc(var(--lh) + .2em)
}

.text .h2,
.text h2 {
    font-family: Victor Serif, Helvetica, Arial, sans-serif;
    font-weight: 400;
    margin-bottom: var(--md, calc(var(--spacing) / 60 * 46)) var(--n-md, calc(var(--scale-px) * 27));
    margin-top: var(--md, calc(var(--spacing) / 60 * 104)) var(--n-md, calc(var(--scale-px) * 52));
    --fos: -0.165em;
    --foe: -0.095em;
    font-size: var(--xxxxl, calc(var(--scale-text-rem) * 6)) var(--n-xxxxl, var(--xxxl, calc(var(--scale-text-rem) * 5)) var(--n-xxxl, var(--xxl, calc(var(--scale-text-rem) * 4)) var(--n-xxl, var(--md, calc(var(--scale-text-rem) * 3.2)) var(--n-md, calc(var(--scale-text-rem) * 2.6)))));
    --lh: var(--xxxxl, 0.91667em) var(--n-xxxxl, var(--xxxl, 0.9em) var(--n-xxxl, var(--xxl, 1.05em) var(--n-xxl, var(--md, 1em) var(--n-md, 0.96154em))));
    letter-spacing: var(--xxxl, -.02em) var(--n-xxxl, var(--xxl, 0) var(--n-xxl, var(--md, -.02em) var(--n-md, 0)));
    line-height: var(--lh);
    text-transform: none
}

.text .h2:where(:first-child),
.text h2:where(:first-child) {
    margin-top: 0
}

.text .h2:where(:last-child),
.text h2:where(:last-child) {
    margin-bottom: 0
}

.is-win .text .h2,
.is-win .text h2 {
    --fos: -0.165em;
    --foe: -0.095em
}

.text .news-modal__title.h2,
.text h2.news-modal__title,
[lang=en] .text .h2:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn),
[lang=en] .text h2:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn) {
    line-height: calc(var(--lh) + .2em)
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:667px) and (min-aspect-ratio:13/9),
(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {

    .text .h1,
    .text h1 {
        hyphens: auto
    }
}

.text blockquote,
.text hr,
.text iframe,
.text object,
.text pre,
.text table {
    margin-bottom: var(--spacing);
    margin-top: var(--spacing)
}

.text blockquote:where(:first-child),
.text hr:where(:first-child),
.text iframe:where(:first-child),
.text object:where(:first-child),
.text pre:where(:first-child),
.text table:where(:first-child) {
    margin-top: 0
}

.text blockquote:where(:last-child),
.text hr:where(:last-child),
.text iframe:where(:last-child),
.text object:where(:last-child),
.text pre:where(:last-child),
.text table:where(:last-child) {
    margin-bottom: 0
}

.text p {
    margin-bottom: var(--md, calc(var(--spacing) / 60 * 8)) var(--n-md, 0);
    margin-top: var(--md, calc(var(--spacing) / 60 * 20)) var(--n-md, calc(var(--scale-px) * 10))
}

.text p:where(:first-child) {
    margin-top: 0
}

.text p:where(:last-child) {
    margin-bottom: 0
}

.text a:where(:not(.btn)) {
    text-decoration: underline;
    text-decoration-color: var(--c-dark-green);
    text-decoration-style: solid;
    text-decoration-thickness: 1px;
    text-underline-offset: calc(var(--scale-px) * 2)
}

.has-hover .text a:where(:not(.btn)):hover,
.has-hover .text a:where(:not(.btn)):hover:active,
.text a:where(:not(.btn)).is-active {
    text-decoration: none
}

.text .btn {
    vertical-align: baseline
}

ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.text ul {
    margin-bottom: var(--md, calc(var(--spacing) / 60 * 25)) var(--n-md, calc(var(--scale-px) * 21));
    margin-top: var(--md, calc(var(--spacing) / 60 * 16)) var(--n-md, calc(var(--scale-px) * 10))
}

.text ul:where(:first-child) {
    margin-top: 0
}

.text ul:where(:last-child) {
    margin-bottom: 0
}

.text ul>li ul {
    margin-bottom: var(--md, calc(var(--spacing) / 60 * 25)) var(--n-md, 0);
    margin-top: var(--md, calc(var(--spacing) / 60 * 8)) var(--n-md, calc(var(--scale-px) * 11))
}

.text ul>li ul:where(:first-child) {
    margin-top: 0
}

.text ul>li ul:where(:last-child) {
    margin-bottom: 0
}

.text ul>li ul>li {
    padding-left: calc(var(--scale-px) * 40);
    position: relative
}

.text ul>li ul>li:before {
    border-top: 1px solid var(--t-list-item-point);
    content: "";
    height: 1px;
    left: 0;
    margin-top: 1px;
    position: absolute;
    top: var(--md, .5em) var(--n-md, .65em);
    width: calc(var(--scale-px) * 10)
}

.is-win .text ul>li ul>li:before {
    top: var(--md, .55em) var(--n-md, .6em)
}

.text ul>li:not(:last-child) ol,
.text ul>li:not(:last-child) ul {
    padding-bottom: var(--md, calc(var(--spacing) / 60 * 5)) var(--n-md, 0)
}

.text ul>li {
    list-style-type: none !important;
    margin-bottom: 0;
    margin-top: var(--md, calc(var(--spacing) / 60 * 5)) var(--n-md, calc(var(--scale-px) * 10));
    padding-left: calc(var(--scale-px) * 40);
    position: relative
}

.text ul>li:where(:first-child) {
    margin-top: 0
}

.text ul>li:where(:last-child) {
    margin-bottom: 0
}

.text ul>li:before {
    background-color: var(--t-list-item-point);
    border-radius: 50%;
    content: "";
    height: calc(var(--scale-px) * 6);
    left: 0;
    position: absolute;
    top: .5em;
    width: calc(var(--scale-px) * 6)
}

.is-win .text ul>li:before {
    top: .65em
}

.text ol {
    counter-reset: text-ol;
    margin-bottom: var(--md, calc(var(--spacing) / 60 * 25)) var(--n-md, calc(var(--scale-px) * 21));
    margin-top: var(--md, calc(var(--spacing) / 60 * 16)) var(--n-md, calc(var(--scale-px) * 10))
}

.text ol:where(:first-child) {
    margin-top: 0
}

.text ol:where(:last-child) {
    margin-bottom: 0
}

.text ol>li ol,
.text ol>li ul {
    margin-bottom: var(--md, calc(var(--spacing) / 60 * 25)) var(--n-md, 0);
    margin-top: var(--md, calc(var(--spacing) / 60 * 8)) var(--n-md, calc(var(--scale-px) * 11))
}

.text ol>li ol:where(:first-child),
.text ol>li ul:where(:first-child) {
    margin-top: 0
}

.text ol>li ol:where(:last-child),
.text ol>li ul:where(:last-child) {
    margin-bottom: 0
}

.text ol>li:not(:last-child) ol,
.text ol>li:not(:last-child) ul {
    padding-bottom: var(--md, calc(var(--spacing) / 60 * 5)) var(--n-md, 0)
}

.text ol>li {
    counter-increment: text-ol;
    list-style-type: none !important;
    margin-bottom: 0;
    margin-top: var(--md, calc(var(--spacing) / 60 * 5)) var(--n-md, calc(var(--scale-px) * 10));
    padding-left: calc(var(--scale-px) * 40);
    position: relative
}

.text ol>li:where(:first-child) {
    margin-top: 0
}

.text ol>li:where(:last-child) {
    margin-bottom: 0
}

.text ol>li:last-child {
    margin-bottom: 0
}

.text ol>li:before {
    align-items: center;
    border: 1.5px solid var(--c-dark-green);
    border-radius: 2rem;
    color: var(--t-primary);
    content: attr(data-prefix) counter(text-ol);
    display: flex;
    flex-shrink: 0;
    font-size: var(--md, calc(var(--scale-px) * 12)) var(--n-md, calc(var(--scale-px) * 10));
    font-weight: 600;
    height: calc(var(--scale-px) * 20);
    justify-content: center;
    left: 0;
    letter-spacing: .08em;
    line-height: var(--md, calc(var(--scale-px) * 12)) var(--n-md, calc(var(--scale-px) * 14));
    min-width: var(--md, calc(var(--scale-px) * 30)) var(--n-md, calc(var(--scale-px) * 24));
    padding: 0 calc(var(--scale-px) * 4) 0 calc(var(--scale-px) * 5);
    position: absolute;
    top: .35em
}

.is-ios .text ol>li:before,
.is-mac .text ol>li:before {
    padding: 0 calc(var(--scale-px) * 4) 0 calc(var(--scale-px) * 6)
}

.text table:where(:not(.mobile-table)) {
    border-collapse: collapse;
    width: 100% !important
}

.text table:where(:not(.mobile-table)) th {
    border: 0;
    text-align: left
}

.text table:where(:not(.mobile-table)) td {
    border: 0;
    border-top: 1px solid var(--t-line)
}

code,
kbd,
pre,
samp {
    color: #333
}

code,
pre {
    background: #000;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: calc(var(--scale-rem) * 1.2);
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    vertical-align: top;
    -webkit-font-smoothing: antialiased
}

code.reverse,
code.simple {
    background: rgba(var(--t-text-rgb), .2);
    color: inherit
}

code.simple {
    border-radius: max(3px, .15em);
    font: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    padding: 0 3px;
    text-transform: inherit;
    vertical-align: inherit
}

pre {
    border: 0;
    display: block;
    overflow: auto;
    padding: 10px
}

pre,
pre code {
    border-radius: 6px
}

code {
    padding: 2px 5px
}

code pre,
pre code {
    background: none;
    border: 0;
    border-radius: 0;
    font-size: inherit;
    margin: 0;
    padding: 0
}

hr {
    border: 0;
    border-bottom: 1px solid var(--t-line)
}

.btn__text:where(:not(.btn__text--has-content)):after,
.btn__text:where(:not(.btn__text--has-content)):before,
.leading-trim:after,
.leading-trim:before {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    position: relative
}

.btn__text:where(:not(.btn__text--has-content)):before,
.leading-trim:before {
    margin-bottom: calc((var(--lh) - 1em) / -2 + var(--fos, 0em))
}

.btn__text:where(:not(.btn__text--has-content)):after,
.leading-trim:after {
    margin-top: calc((var(--lh) - 1em) / -2 + var(--foe, 0em))
}

.text.text--policy {
    padding-top: var(--md, calc(var(--spacing) / 60 * 44)) var(--n-md, calc(var(--scale-px) * 27))
}

.btn {
    align-items: center;
    background-color: transparent;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    touch-action: manipulation;
    transition-property: all;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    --btn-icon-spacing: calc(var(--scale-px) * 10)
}

.btn.is-disabled,
.btn:disabled {
    cursor: default;
    pointer-events: none
}

.btn-container:focus-visible .btn,
.btn:focus-visible,
input:focus-visible+.btn:is(label),
label input:focus-visible+.btn {
    box-shadow: 0 0 0 2px var(--t-text);
    outline: none
}

.btn__content {
    min-width: 100%;
    position: relative;
    z-index: 1
}

.btn__content,
.btn__icon {
    align-items: center;
    display: flex;
    justify-content: center
}

.btn__icon--clone~.btn__icon--clone,
.btn__text--clone~.btn__text--clone {
    position: absolute;
    visibility: hidden
}

.btn__icon--clone~.btn__text--clone,
.btn__text--clone~.btn__icon--clone {
    right: 0
}

span.btn:where(:not([role=button])) {
    cursor: default
}

.btn-container span.btn:where(:not([role=button])),
label input:not(:disabled)+span.btn:where(:not([role=button])) {
    cursor: pointer
}

.btn .btn__icon+.btn__text,
.btn .btn__text+.btn__icon {
    margin-left: var(--btn-icon-spacing)
}

.btn__text:where(:not(.btn__text--has-content)) {
    position: relative
}

.btn__text--has-content {
    line-height: 0
}

.btn-container {
    cursor: pointer
}

.btn-container.is-disabled,
.btn-container:disabled {
    cursor: default
}

.btn.icon {
    display: inline-flex;
    transition-property: all
}

.btn--full {
    display: flex;
    width: 100%
}

.btn--ellipsis {
    min-width: 0
}

.btn--ellipsis .btn__text {
    overflow: hidden;
    padding-bottom: .15em;
    padding-top: .15em;
    text-overflow: ellipsis;
    white-space: nowrap
}

.btn--align-left {
    --btn-icon-spacing: calc(var(--scale-px) * 10)
}

.btn--align-left .btn__content {
    justify-content: flex-start
}

.btn--disabled {
    cursor: not-allowed
}

.btn--icon-spacing-large {
    --btn-icon-spacing: calc(var(--scale-px) * 15)
}

@media print {
    .btn {
        border: 1px solid var(--t-primary) !important;
        color: var(--t-heading) !important
    }
}

.btn {
    transition-property: color, transform, background-color, border-color, box-shadow
}

.btn:after,
.btn:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition-property: transform, background-color, border-color, box-shadow, opacity
}

.btn:before {
    z-index: 1
}

.btn .word,
.btn:after {
    pointer-events: none
}

.btn:before {
    opacity: 0
}

.has-hover .btn-container:active:hover .btn:before,
.has-hover .btn-container:hover .btn:before,
.has-hover .btn:active:hover:before,
.has-hover .btn:hover:before {
    opacity: 1
}

.btn--cloned .btn__icon--clone,
.btn--cloned .btn__text--clone {
    transform: translateY(0);
    transition-duration: .8s;
    transition-property: transform, clip-path;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99);
    visibility: visible;
    will-change: transform, clip-path
}

.btn--cloned .btn__text--clone {
    clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%)
}

.btn--cloned .btn__text--clone+.btn__text--clone {
    clip-path: polygon(-100% -400%, 200% -400%, 200% -100%, -100% -100%);
    transform: translateY(300%)
}

.has-hover .btn--cloned:hover .btn__text--clone,
.has-hover .btn-container:hover .btn--cloned .btn__text--clone {
    clip-path: polygon(-100% 200%, 200% 200%, 200% 500%, -100% 500%);
    transform: translateY(-300%)
}

.has-hover .btn--cloned:hover .btn__text--clone+.btn__text--clone,
.has-hover .btn-container:hover .btn--cloned .btn__text--clone+.btn__text--clone {
    clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%);
    transform: translateY(0)
}

.has-hover .btn--cloned:active:hover .btn__text--clone,
.has-hover .btn-container:active:hover .btn--cloned .btn__text--clone {
    clip-path: polygon(-100% 200%, 200% 200%, 200% 500%, -100% 500%);
    transform: translateY(-300%)
}

.has-hover .btn--cloned:active:hover .btn__text--clone+.btn__text--clone,
.has-hover .btn-container:active:hover .btn--cloned .btn__text--clone+.btn__text--clone {
    clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%);
    transform: translateY(0)
}

.btn--cloned .btn__icon--clone {
    clip-path: polygon(-100% 0, 200% 0, 200% 100%, -100% 100%)
}

.btn--cloned .btn__icon--clone+.btn__icon--clone {
    clip-path: polygon(-100% -100%, 200% -100%, 200% 0, -100% 0);
    transform: translateY(100%)
}

.has-hover .btn--cloned:hover .btn__icon--clone,
.has-hover .btn-container:hover .btn--cloned .btn__icon--clone {
    clip-path: polygon(-100% 100%, 200% 100%, 200% 200%, -100% 200%);
    transform: translateY(-100%)
}

.has-hover .btn--cloned:hover .btn__icon--clone+.btn__icon--clone,
.has-hover .btn-container:hover .btn--cloned .btn__icon--clone+.btn__icon--clone {
    clip-path: polygon(-100% 0, 200% 0, 200% 100%, -100% 100%);
    transform: translateY(0)
}

.has-hover .btn--cloned:active:hover .btn__icon--clone,
.has-hover .btn-container:active:hover .btn--cloned .btn__icon--clone {
    clip-path: polygon(-100% 100%, 200% 100%, 200% 200%, -100% 200%);
    transform: translateY(-100%)
}

.has-hover .btn--cloned:active:hover .btn__icon--clone+.btn__icon--clone,
.has-hover .btn-container:active:hover .btn--cloned .btn__icon--clone+.btn__icon--clone {
    clip-path: polygon(-100% 0, 200% 0, 200% 100%, -100% 100%);
    transform: translateY(0)
}

.btn--cloned.btn--clone-right .btn__text--clone {
    clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%)
}

.btn--cloned.btn--clone-right .btn__text--clone+.btn__text--clone {
    clip-path: polygon(200% -100%, 500% -100%, 500% 200%, 200% 200%);
    transform: translate(-300%)
}

.has-hover .btn--cloned.btn--clone-right:hover .btn__text--clone,
.has-hover .btn-container:hover .btn--cloned.btn--clone-right .btn__text--clone {
    clip-path: polygon(-400% -100%, -100% -100%, -100% 200%, -400% 200%);
    transform: translate(300%)
}

.has-hover .btn--cloned.btn--clone-right:hover .btn__text--clone+.btn__text--clone,
.has-hover .btn-container:hover .btn--cloned.btn--clone-right .btn__text--clone+.btn__text--clone {
    clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%);
    transform: translateY(0)
}

.has-hover .btn--cloned.btn--clone-right:active:hover .btn__text--clone,
.has-hover .btn-container:active:hover .btn--cloned.btn--clone-right .btn__text--clone {
    clip-path: polygon(-400% -100%, -100% -100%, -100% 200%, -400% 200%);
    transform: translate(300%)
}

.has-hover .btn--cloned.btn--clone-right:active:hover .btn__text--clone+.btn__text--clone,
.has-hover .btn-container:active:hover .btn--cloned.btn--clone-right .btn__text--clone+.btn__text--clone {
    clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%);
    transform: translateY(0)
}

.btn--cloned.btn--clone-right .btn__icon--clone {
    clip-path: polygon(0 -100%, 100% -100%, 100% 200%, 0 200%)
}

.btn--cloned.btn--clone-right .btn__icon--clone+.btn__icon--clone {
    clip-path: polygon(100% -100%, 200% -100%, 200% 200%, 100% 200%);
    transform: translate(-100%)
}

.has-hover .btn--cloned.btn--clone-right:hover .btn__icon--clone,
.has-hover .btn-container:hover .btn--cloned.btn--clone-right .btn__icon--clone {
    clip-path: polygon(-100% -100%, 0 -100%, 0 200%, -100% 200%);
    transform: translate(100%)
}

.has-hover .btn--cloned.btn--clone-right:hover .btn__icon--clone+.btn__icon--clone,
.has-hover .btn-container:hover .btn--cloned.btn--clone-right .btn__icon--clone+.btn__icon--clone {
    clip-path: polygon(0 -100%, 100% -100%, 100% 200%, 0 200%);
    transform: translateY(0)
}

.has-hover .btn--cloned.btn--clone-right:active:hover .btn__icon--clone,
.has-hover .btn-container:active:hover .btn--cloned.btn--clone-right .btn__icon--clone {
    clip-path: polygon(-100% -100%, 0 -100%, 0 200%, -100% 200%);
    transform: translate(100%)
}

.has-hover .btn--cloned.btn--clone-right:active:hover .btn__icon--clone+.btn__icon--clone,
.has-hover .btn-container:active:hover .btn--cloned.btn--clone-right .btn__icon--clone+.btn__icon--clone {
    clip-path: polygon(0 -100%, 100% -100%, 100% 200%, 0 200%);
    transform: translateY(0)
}

.btn--cloned.btn--clone-left .btn__text--clone {
    clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%)
}

.btn--cloned.btn--clone-left .btn__text--clone+.btn__text--clone {
    clip-path: polygon(-400% -100%, -100% -100%, -100% 200%, -400% 200%);
    transform: translate(300%)
}

.has-hover .btn--cloned.btn--clone-left:hover .btn__text--clone,
.has-hover .btn-container:hover .btn--cloned.btn--clone-left .btn__text--clone {
    clip-path: polygon(200% -100%, 500% -100%, 500% 200%, 200% 200%);
    transform: translate(-300%)
}

.has-hover .btn--cloned.btn--clone-left:hover .btn__text--clone+.btn__text--clone,
.has-hover .btn-container:hover .btn--cloned.btn--clone-left .btn__text--clone+.btn__text--clone {
    clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%);
    transform: translateY(0)
}

.has-hover .btn--cloned.btn--clone-left:active:hover .btn__text--clone,
.has-hover .btn-container:active:hover .btn--cloned.btn--clone-left .btn__text--clone {
    clip-path: polygon(200% -100%, 500% -100%, 500% 200%, 200% 200%);
    transform: translate(-300%)
}

.has-hover .btn--cloned.btn--clone-left:active:hover .btn__text--clone+.btn__text--clone,
.has-hover .btn-container:active:hover .btn--cloned.btn--clone-left .btn__text--clone+.btn__text--clone {
    clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%);
    transform: translateY(0)
}

.btn--cloned.btn--clone-left .btn__icon--clone {
    clip-path: polygon(0 -100%, 100% -100%, 100% 200%, 0 200%)
}

.btn--cloned.btn--clone-left .btn__icon--clone+.btn__icon--clone {
    clip-path: polygon(-100% -100%, 0 -100%, 0 200%, -100% 200%);
    transform: translate(100%)
}

.has-hover .btn--cloned.btn--clone-left:hover .btn__icon--clone,
.has-hover .btn-container:hover .btn--cloned.btn--clone-left .btn__icon--clone {
    clip-path: polygon(100% -100%, 200% -100%, 200% 200%, 100% 200%);
    transform: translate(-100%)
}

.has-hover .btn--cloned.btn--clone-left:hover .btn__icon--clone+.btn__icon--clone,
.has-hover .btn-container:hover .btn--cloned.btn--clone-left .btn__icon--clone+.btn__icon--clone {
    clip-path: polygon(0 -100%, 100% -100%, 100% 200%, 0 200%);
    transform: translateY(0)
}

.has-hover .btn--cloned.btn--clone-left:active:hover .btn__icon--clone,
.has-hover .btn-container:active:hover .btn--cloned.btn--clone-left .btn__icon--clone {
    clip-path: polygon(100% -100%, 200% -100%, 200% 200%, 100% 200%);
    transform: translate(-100%)
}

.has-hover .btn--cloned.btn--clone-left:active:hover .btn__icon--clone+.btn__icon--clone,
.has-hover .btn-container:active:hover .btn--cloned.btn--clone-left .btn__icon--clone+.btn__icon--clone {
    clip-path: polygon(0 -100%, 100% -100%, 100% 200%, 0 200%);
    transform: translateY(0)
}

.btn--cloned.btn--clone-down .btn__text--clone {
    clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%)
}

.btn--cloned.btn--clone-down .btn__text--clone+.btn__text--clone {
    clip-path: polygon(-100% 200%, 200% 200%, 200% 500%, -100% 500%);
    transform: translateY(-300%)
}

.has-hover .btn--cloned.btn--clone-down:hover .btn__text--clone,
.has-hover .btn-container:hover .btn--cloned.btn--clone-down .btn__text--clone {
    clip-path: polygon(-100% -400%, 200% -400%, 200% -100%, -100% -100%);
    transform: translateY(300%)
}

.has-hover .btn--cloned.btn--clone-down:hover .btn__text--clone+.btn__text--clone,
.has-hover .btn-container:hover .btn--cloned.btn--clone-down .btn__text--clone+.btn__text--clone {
    clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%);
    transform: translateY(0)
}

.has-hover .btn--cloned.btn--clone-down:active:hover .btn__text--clone,
.has-hover .btn-container:active:hover .btn--cloned.btn--clone-down .btn__text--clone {
    clip-path: polygon(-100% -400%, 200% -400%, 200% -100%, -100% -100%);
    transform: translateY(300%)
}

.has-hover .btn--cloned.btn--clone-down:active:hover .btn__text--clone+.btn__text--clone,
.has-hover .btn-container:active:hover .btn--cloned.btn--clone-down .btn__text--clone+.btn__text--clone {
    clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%);
    transform: translateY(0)
}

.btn--cloned.btn--clone-down .btn__icon--clone {
    clip-path: polygon(-100% 0, 200% 0, 200% 100%, -100% 100%)
}

.btn--cloned.btn--clone-down .btn__icon--clone+.btn__icon--clone {
    clip-path: polygon(-100% 100%, 200% 100%, 200% 200%, -100% 200%);
    transform: translateY(-100%)
}

.has-hover .btn--cloned.btn--clone-down:hover .btn__icon--clone,
.has-hover .btn-container:hover .btn--cloned.btn--clone-down .btn__icon--clone {
    clip-path: polygon(-100% -100%, 200% -100%, 200% 0, -100% 0);
    transform: translateY(100%)
}

.has-hover .btn--cloned.btn--clone-down:hover .btn__icon--clone+.btn__icon--clone,
.has-hover .btn-container:hover .btn--cloned.btn--clone-down .btn__icon--clone+.btn__icon--clone {
    clip-path: polygon(-100% 0, 200% 0, 200% 100%, -100% 100%);
    transform: translateY(0)
}

.has-hover .btn--cloned.btn--clone-down:active:hover .btn__icon--clone,
.has-hover .btn-container:active:hover .btn--cloned.btn--clone-down .btn__icon--clone {
    clip-path: polygon(-100% -100%, 200% -100%, 200% 0, -100% 0);
    transform: translateY(100%)
}

.has-hover .btn--cloned.btn--clone-down:active:hover .btn__icon--clone+.btn__icon--clone,
.has-hover .btn-container:active:hover .btn--cloned.btn--clone-down .btn__icon--clone+.btn__icon--clone {
    clip-path: polygon(-100% 0, 200% 0, 200% 100%, -100% 100%);
    transform: translateY(0)
}

.btn--cloned.btn--clone-xs .btn__text--clone,
.btn--cloned.btn--text-h2 .btn__text--clone {
    clip-path: polygon(-100% -25%, 200% -25%, 200% 125%, -100% 125%)
}

.btn--cloned.btn--clone-xs .btn__text--clone+.btn__text--clone,
.btn--cloned.btn--text-h2 .btn__text--clone+.btn__text--clone {
    clip-path: polygon(-100% -175%, 200% -175%, 200% -25%, -100% -25%);
    transform: translateY(150%)
}

.has-hover .btn--cloned.btn--clone-xs:hover .btn__text--clone,
.has-hover .btn--cloned.btn--text-h2:hover .btn__text--clone,
.has-hover .btn-container:hover .btn--cloned.btn--clone-xs .btn__text--clone,
.has-hover .btn-container:hover .btn--cloned.btn--text-h2 .btn__text--clone {
    clip-path: polygon(-100% 125%, 200% 125%, 200% 275%, -100% 275%);
    transform: translateY(-150%)
}

.has-hover .btn--cloned.btn--clone-xs:hover .btn__text--clone+.btn__text--clone,
.has-hover .btn--cloned.btn--text-h2:hover .btn__text--clone+.btn__text--clone,
.has-hover .btn-container:hover .btn--cloned.btn--clone-xs .btn__text--clone+.btn__text--clone,
.has-hover .btn-container:hover .btn--cloned.btn--text-h2 .btn__text--clone+.btn__text--clone {
    clip-path: polygon(-100% -25%, 200% -25%, 200% 125%, -100% 125%);
    transform: translateY(0)
}

.has-hover .btn--cloned.btn--clone-xs:active:hover .btn__text--clone,
.has-hover .btn--cloned.btn--text-h2:active:hover .btn__text--clone,
.has-hover .btn-container:active:hover .btn--cloned.btn--clone-xs .btn__text--clone,
.has-hover .btn-container:active:hover .btn--cloned.btn--text-h2 .btn__text--clone {
    clip-path: polygon(-100% 125%, 200% 125%, 200% 275%, -100% 275%);
    transform: translateY(-150%)
}

.has-hover .btn--cloned.btn--clone-xs:active:hover .btn__text--clone+.btn__text--clone,
.has-hover .btn--cloned.btn--text-h2:active:hover .btn__text--clone+.btn__text--clone,
.has-hover .btn-container:active:hover .btn--cloned.btn--clone-xs .btn__text--clone+.btn__text--clone,
.has-hover .btn-container:active:hover .btn--cloned.btn--text-h2 .btn__text--clone+.btn__text--clone {
    clip-path: polygon(-100% -25%, 200% -25%, 200% 125%, -100% 125%);
    transform: translateY(0)
}

.btn--cloned.btn--clone-xs .btn__icon--clone,
.btn--cloned.btn--text-h2 .btn__icon--clone {
    clip-path: polygon(-100% 0, 200% 0, 200% 100%, -100% 100%)
}

.btn--cloned.btn--clone-xs .btn__icon--clone+.btn__icon--clone,
.btn--cloned.btn--text-h2 .btn__icon--clone+.btn__icon--clone {
    clip-path: polygon(-100% -100%, 200% -100%, 200% 0, -100% 0);
    transform: translateY(100%)
}

.has-hover .btn--cloned.btn--clone-xs:hover .btn__icon--clone,
.has-hover .btn--cloned.btn--text-h2:hover .btn__icon--clone,
.has-hover .btn-container:hover .btn--cloned.btn--clone-xs .btn__icon--clone,
.has-hover .btn-container:hover .btn--cloned.btn--text-h2 .btn__icon--clone {
    clip-path: polygon(-100% 100%, 200% 100%, 200% 200%, -100% 200%);
    transform: translateY(-100%)
}

.has-hover .btn--cloned.btn--clone-xs:hover .btn__icon--clone+.btn__icon--clone,
.has-hover .btn--cloned.btn--text-h2:hover .btn__icon--clone+.btn__icon--clone,
.has-hover .btn-container:hover .btn--cloned.btn--clone-xs .btn__icon--clone+.btn__icon--clone,
.has-hover .btn-container:hover .btn--cloned.btn--text-h2 .btn__icon--clone+.btn__icon--clone {
    clip-path: polygon(-100% 0, 200% 0, 200% 100%, -100% 100%);
    transform: translateY(0)
}

.has-hover .btn--cloned.btn--clone-xs:active:hover .btn__icon--clone,
.has-hover .btn--cloned.btn--text-h2:active:hover .btn__icon--clone,
.has-hover .btn-container:active:hover .btn--cloned.btn--clone-xs .btn__icon--clone,
.has-hover .btn-container:active:hover .btn--cloned.btn--text-h2 .btn__icon--clone {
    clip-path: polygon(-100% 100%, 200% 100%, 200% 200%, -100% 200%);
    transform: translateY(-100%)
}

.has-hover .btn--cloned.btn--clone-xs:active:hover .btn__icon--clone+.btn__icon--clone,
.has-hover .btn--cloned.btn--text-h2:active:hover .btn__icon--clone+.btn__icon--clone,
.has-hover .btn-container:active:hover .btn--cloned.btn--clone-xs .btn__icon--clone+.btn__icon--clone,
.has-hover .btn-container:active:hover .btn--cloned.btn--text-h2 .btn__icon--clone+.btn__icon--clone {
    clip-path: polygon(-100% 0, 200% 0, 200% 100%, -100% 100%);
    transform: translateY(0)
}

.btn--cloned.btn--clone-md .btn__text--clone,
.btn--cloned.btn--text-smaller .btn__text--clone {
    clip-path: polygon(-100% -50%, 200% -50%, 200% 150%, -100% 150%)
}

.btn--cloned.btn--clone-md .btn__text--clone+.btn__text--clone,
.btn--cloned.btn--text-smaller .btn__text--clone+.btn__text--clone {
    clip-path: polygon(-100% -250%, 200% -250%, 200% -50%, -100% -50%);
    transform: translateY(200%)
}

.has-hover .btn--cloned.btn--clone-md:hover .btn__text--clone,
.has-hover .btn--cloned.btn--text-smaller:hover .btn__text--clone,
.has-hover .btn-container:hover .btn--cloned.btn--clone-md .btn__text--clone,
.has-hover .btn-container:hover .btn--cloned.btn--text-smaller .btn__text--clone {
    clip-path: polygon(-100% 150%, 200% 150%, 200% 350%, -100% 350%);
    transform: translateY(-200%)
}

.has-hover .btn--cloned.btn--clone-md:hover .btn__text--clone+.btn__text--clone,
.has-hover .btn--cloned.btn--text-smaller:hover .btn__text--clone+.btn__text--clone,
.has-hover .btn-container:hover .btn--cloned.btn--clone-md .btn__text--clone+.btn__text--clone,
.has-hover .btn-container:hover .btn--cloned.btn--text-smaller .btn__text--clone+.btn__text--clone {
    clip-path: polygon(-100% -50%, 200% -50%, 200% 150%, -100% 150%);
    transform: translateY(0)
}

.has-hover .btn--cloned.btn--clone-md:active:hover .btn__text--clone,
.has-hover .btn--cloned.btn--text-smaller:active:hover .btn__text--clone,
.has-hover .btn-container:active:hover .btn--cloned.btn--clone-md .btn__text--clone,
.has-hover .btn-container:active:hover .btn--cloned.btn--text-smaller .btn__text--clone {
    clip-path: polygon(-100% 150%, 200% 150%, 200% 350%, -100% 350%);
    transform: translateY(-200%)
}

.has-hover .btn--cloned.btn--clone-md:active:hover .btn__text--clone+.btn__text--clone,
.has-hover .btn--cloned.btn--text-smaller:active:hover .btn__text--clone+.btn__text--clone,
.has-hover .btn-container:active:hover .btn--cloned.btn--clone-md .btn__text--clone+.btn__text--clone,
.has-hover .btn-container:active:hover .btn--cloned.btn--text-smaller .btn__text--clone+.btn__text--clone {
    clip-path: polygon(-100% -50%, 200% -50%, 200% 150%, -100% 150%);
    transform: translateY(0)
}

.btn--cloned.btn--clone-md .btn__icon--clone,
.btn--cloned.btn--text-smaller .btn__icon--clone {
    clip-path: polygon(-100% 0, 200% 0, 200% 100%, -100% 100%)
}

.btn--cloned.btn--clone-md .btn__icon--clone+.btn__icon--clone,
.btn--cloned.btn--text-smaller .btn__icon--clone+.btn__icon--clone {
    clip-path: polygon(-100% -100%, 200% -100%, 200% 0, -100% 0);
    transform: translateY(100%)
}

.has-hover .btn--cloned.btn--clone-md:hover .btn__icon--clone,
.has-hover .btn--cloned.btn--text-smaller:hover .btn__icon--clone,
.has-hover .btn-container:hover .btn--cloned.btn--clone-md .btn__icon--clone,
.has-hover .btn-container:hover .btn--cloned.btn--text-smaller .btn__icon--clone {
    clip-path: polygon(-100% 100%, 200% 100%, 200% 200%, -100% 200%);
    transform: translateY(-100%)
}

.has-hover .btn--cloned.btn--clone-md:hover .btn__icon--clone+.btn__icon--clone,
.has-hover .btn--cloned.btn--text-smaller:hover .btn__icon--clone+.btn__icon--clone,
.has-hover .btn-container:hover .btn--cloned.btn--clone-md .btn__icon--clone+.btn__icon--clone,
.has-hover .btn-container:hover .btn--cloned.btn--text-smaller .btn__icon--clone+.btn__icon--clone {
    clip-path: polygon(-100% 0, 200% 0, 200% 100%, -100% 100%);
    transform: translateY(0)
}

.has-hover .btn--cloned.btn--clone-md:active:hover .btn__icon--clone,
.has-hover .btn--cloned.btn--text-smaller:active:hover .btn__icon--clone,
.has-hover .btn-container:active:hover .btn--cloned.btn--clone-md .btn__icon--clone,
.has-hover .btn-container:active:hover .btn--cloned.btn--text-smaller .btn__icon--clone {
    clip-path: polygon(-100% 100%, 200% 100%, 200% 200%, -100% 200%);
    transform: translateY(-100%)
}

.has-hover .btn--cloned.btn--clone-md:active:hover .btn__icon--clone+.btn__icon--clone,
.has-hover .btn--cloned.btn--text-smaller:active:hover .btn__icon--clone+.btn__icon--clone,
.has-hover .btn-container:active:hover .btn--cloned.btn--clone-md .btn__icon--clone+.btn__icon--clone,
.has-hover .btn-container:active:hover .btn--cloned.btn--text-smaller .btn__icon--clone+.btn__icon--clone {
    clip-path: polygon(-100% 0, 200% 0, 200% 100%, -100% 100%);
    transform: translateY(0)
}

.btn--rotation .btn__icon {
    transform: rotate(0deg);
    transition-duration: .4s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99);
    visibility: visible;
    will-change: transform
}

.has-hover .btn--rotation:active:hover .btn__icon,
.has-hover .btn--rotation:hover .btn__icon,
.has-hover .btn-container:active:hover .btn--rotation .btn__icon,
.has-hover .btn-container:hover .btn--rotation .btn__icon {
    transform: rotate(90deg)
}

.btn--zoom:before {
    transform: scale(1)
}

.btn--zoom.btn--outline .icon,
.btn--zoom.btn--outline svg rect:first-of-type {
    transition: all .4s cubic-bezier(.25, .74, .22, .99)
}

.btn--zoom.btn--outline svg rect:first-of-type {
    transform: scale(1)
}

.btn--zoom.btn--outline svg rect:last-of-type {
    display: none
}

.has-hover .btn--zoom:active:hover.btn--outline svg rect:first-of-type,
.has-hover .btn--zoom:active:hover:before,
.has-hover .btn--zoom:hover.btn--outline svg rect:first-of-type,
.has-hover .btn--zoom:hover:before,
.has-hover .btn-container:active:hover .btn--zoom.btn--outline svg rect:first-of-type,
.has-hover .btn-container:active:hover .btn--zoom:before,
.has-hover .btn-container:hover .btn--zoom.btn--outline svg rect:first-of-type,
.has-hover .btn-container:hover .btn--zoom:before {
    transform: scale(1.16666)
}

.btn--outline {
    border: 1.5px solid var(--border)
}

.btn--underline {
    border-radius: 0 !important;
    will-change: auto
}

.btn--underline .btn__underline:after,
.btn--underline .btn__underline:before {
    border-bottom: 1px solid var(--border);
    bottom: -.307em;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    transform-origin: 100% 0;
    transition-property: transform, opacity;
    width: 100%
}

.btn--underline .btn__underline:before {
    border-bottom: 1px solid var(--hover-border);
    opacity: 0;
    transform: scaleX(0);
    transform-origin: 0 0
}

.has-hover .btn--underline:active:hover .btn__underline:after,
.has-hover .btn--underline:active:hover .btn__underline:before,
.has-hover .btn--underline:hover .btn__underline:after,
.has-hover .btn--underline:hover .btn__underline:before,
.has-hover .btn-container:active:hover .btn--underline .btn__underline:after,
.has-hover .btn-container:active:hover .btn--underline .btn__underline:before,
.has-hover .btn-container:hover .btn--underline .btn__underline:after,
.has-hover .btn-container:hover .btn--underline .btn__underline:before {
    opacity: 1;
    transform: scaleX(1)
}

.btn--underline .btn-container.is-disabled .btn__underline:before,
.btn--underline.is-disabled .btn__underline:before,
.btn--underline:disabled .btn__underline:before {
    display: none
}

.btn {
    --btn-height: calc(var(--scale-px) * 30);
    height: var(--btn-height);
    padding: 0 calc(var(--scale-px) * 53);
    --btn-rx: min(calc(var(--scale-px) * 30), calc(var(--btn-height, 1000px) / 2));
    --btn-ry: min(calc(var(--scale-px) * 30), calc(var(--btn-height, 1000px) / 2))
}

.btn,
.btn:after,
.btn:before {
    border-radius: var(--btn-rx) var(--btn-ry)
}

.btn>.btn__content {
    height: var(--btn-height);
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9),
(min-width:668px) and (max-aspect-ratio:10/11),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .btn {
        --btn-height: calc(var(--scale-px) * 60)
    }

    .btn,
    .btn>.btn__content {
        height: var(--btn-height)
    }
}

.btn--xs {
    --btn-height: calc(var(--scale-px) * 20);
    height: var(--btn-height);
    padding: 0 calc(var(--scale-px) * 10);
    --btn-rx: min(calc(var(--scale-px) * 10), calc(var(--btn-height, 1000px) / 2));
    --btn-ry: min(calc(var(--scale-px) * 10), calc(var(--btn-height, 1000px) / 2))
}

.btn--xs,
.btn--xs:after,
.btn--xs:before {
    border-radius: var(--btn-rx) var(--btn-ry)
}

.btn--xs>.btn__content {
    height: var(--btn-height);
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9),
(min-width:668px) and (max-aspect-ratio:10/11),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .btn--xs {
        --btn-height: calc(var(--scale-px) * 30);
        height: var(--btn-height);
        --btn-rx: min(calc(var(--scale-px) * 15), calc(var(--btn-height, 1000px) / 2));
        --btn-ry: min(calc(var(--scale-px) * 15), calc(var(--btn-height, 1000px) / 2))
    }

    .btn--xs,
    .btn--xs:after,
    .btn--xs:before {
        border-radius: var(--btn-rx) var(--btn-ry)
    }

    .btn--xs>.btn__content {
        height: var(--btn-height)
    }
}

.btn--sm {
    --btn-height: calc(var(--scale-px) * 30);
    height: var(--btn-height);
    padding: 0 calc(var(--scale-px) * 15);
    --btn-rx: min(calc(var(--scale-px) * 30), calc(var(--btn-height, 1000px) / 2));
    --btn-ry: min(calc(var(--scale-px) * 30), calc(var(--btn-height, 1000px) / 2))
}

.btn--sm,
.btn--sm:after,
.btn--sm:before {
    border-radius: var(--btn-rx) var(--btn-ry)
}

.btn--sm>.btn__content {
    height: var(--btn-height);
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9),
(min-width:668px) and (max-aspect-ratio:10/11),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .btn--sm {
        --btn-height: calc(var(--scale-px) * 40);
        height: var(--btn-height);
        --btn-rx: min(calc(var(--scale-px) * 40), calc(var(--btn-height, 1000px) / 2));
        --btn-ry: min(calc(var(--scale-px) * 40), calc(var(--btn-height, 1000px) / 2))
    }

    .btn--sm,
    .btn--sm:after,
    .btn--sm:before {
        border-radius: var(--btn-rx) var(--btn-ry)
    }

    .btn--sm>.btn__content {
        height: var(--btn-height)
    }
}

@media (min-width:1200px) and (min-height:500px) and (min-aspect-ratio:10/11),
(min-width:1440px) and (min-height:700px) {
    .btn--sm {
        --btn-height: calc(var(--scale-px) * 30);
        height: var(--btn-height);
        --btn-rx: min(calc(var(--scale-px) * 30), calc(var(--btn-height, 1000px) / 2));
        --btn-ry: min(calc(var(--scale-px) * 30), calc(var(--btn-height, 1000px) / 2))
    }

    .btn--sm,
    .btn--sm:after,
    .btn--sm:before {
        border-radius: var(--btn-rx) var(--btn-ry)
    }

    .btn--sm>.btn__content {
        height: var(--btn-height)
    }
}

.btn--md {
    padding: 0 calc(var(--scale-px) * 20)
}

.btn--md>.btn__content {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0
}

.btn--lg {
    --btn-height: calc(var(--scale-px) * 60);
    height: var(--btn-height);
    padding: 0 calc(var(--scale-px) * 20);
    --btn-rx: min(calc(var(--scale-px) * 100), calc(var(--btn-height, 1000px) / 2));
    --btn-ry: min(calc(var(--scale-px) * 100), calc(var(--btn-height, 1000px) / 2))
}

.btn--lg,
.btn--lg:after,
.btn--lg:before {
    border-radius: var(--btn-rx) var(--btn-ry)
}

.btn--lg>.btn__content {
    height: var(--btn-height);
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9),
(min-width:668px) and (max-aspect-ratio:10/11),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .btn--lg {
        --btn-height: calc(var(--scale-px) * 120)
    }

    .btn--lg,
    .btn--lg>.btn__content {
        height: var(--btn-height)
    }
}

.btn--md-tabs {
    min-width: calc(var(--scale-px) * 30);
    padding: 0 calc(var(--scale-px) * 14)
}

.btn--md-tabs>.btn__content {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9),
(min-width:668px) and (max-aspect-ratio:10/11),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .btn--md-tabs {
        min-width: calc(var(--scale-px) * 60);
        padding: 0 calc(var(--scale-px) * 20)
    }

    .btn--md-tabs>.btn__content {
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 0
    }
}

.btn--sm-lg {
    --btn-height: calc(var(--scale-px) * 30);
    height: var(--btn-height);
    padding: 0 calc(var(--scale-px) * 15);
    --btn-rx: min(calc(var(--scale-px) * 15), calc(var(--btn-height, 1000px) / 2));
    --btn-ry: min(calc(var(--scale-px) * 15), calc(var(--btn-height, 1000px) / 2))
}

.btn--sm-lg,
.btn--sm-lg:after,
.btn--sm-lg:before {
    border-radius: var(--btn-rx) var(--btn-ry)
}

.btn--sm-lg>.btn__content {
    height: var(--btn-height);
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9),
(min-width:668px) and (max-aspect-ratio:10/11),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .btn--sm-lg {
        --btn-height: calc(var(--scale-px) * 60);
        height: var(--btn-height);
        padding: 0 calc(var(--scale-px) * 48);
        --btn-rx: min(calc(var(--scale-px) * 60), calc(var(--btn-height, 1000px) / 2));
        --btn-ry: min(calc(var(--scale-px) * 60), calc(var(--btn-height, 1000px) / 2))
    }

    .btn--sm-lg,
    .btn--sm-lg:after,
    .btn--sm-lg:before {
        border-radius: var(--btn-rx) var(--btn-ry)
    }

    .btn--sm-lg>.btn__content {
        height: var(--btn-height);
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 0
    }
}

.btn--sm-xl {
    --btn-height: calc(var(--scale-px) * 40);
    height: var(--btn-height);
    --btn-rx: min(calc(var(--scale-px) * 40), calc(var(--btn-height, 1000px) / 2));
    --btn-ry: min(calc(var(--scale-px) * 40), calc(var(--btn-height, 1000px) / 2))
}

.btn--sm-xl,
.btn--sm-xl:after,
.btn--sm-xl:before {
    border-radius: var(--btn-rx) var(--btn-ry)
}

.btn--sm-xl>.btn__content {
    height: var(--btn-height)
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9),
(min-width:668px) and (max-aspect-ratio:10/11),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .btn--sm-xl {
        --btn-height: calc(var(--scale-px) * 60);
        height: var(--btn-height);
        --btn-rx: min(calc(var(--scale-px) * 60), calc(var(--btn-height, 1000px) / 2));
        --btn-ry: min(calc(var(--scale-px) * 60), calc(var(--btn-height, 1000px) / 2))
    }

    .btn--sm-xl,
    .btn--sm-xl:after,
    .btn--sm-xl:before {
        border-radius: var(--btn-rx) var(--btn-ry)
    }

    .btn--sm-xl>.btn__content {
        height: var(--btn-height)
    }
}

.btn--small-padding {
    padding: 0 calc(var(--scale-px) * 12)
}

.btn--small-padding>.btn__content {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0
}

@media (min-width:1200px) and (min-height:500px) and (min-aspect-ratio:10/11),
(min-width:1440px) and (min-height:700px) {
    .btn--small-padding {
        padding: 0 calc(var(--scale-px) * 15)
    }

    .btn--small-padding>.btn__content {
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 0
    }
}

.btn--tooltip-link {
    --btn-height: calc(var(--scale-px) * 30);
    height: var(--btn-height);
    padding: 0
}

.btn--tooltip-link>.btn__content {
    height: var(--btn-height);
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0
}

@media (min-width:1920px) and (min-height:700px) {
    .btn--tooltip-link {
        --btn-height: calc(var(--scale-px) * 40)
    }

    .btn--tooltip-link,
    .btn--tooltip-link>.btn__content {
        height: var(--btn-height)
    }
}

.btn--filter {
    --btn-height: calc(var(--scale-px) * 30);
    height: var(--btn-height);
    padding: 0 calc(var(--scale-px) * 5) 0 calc(var(--scale-px) * 15)
}

.btn--filter>.btn__content {
    height: var(--btn-height);
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9),
(min-width:668px) and (max-aspect-ratio:10/11),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .btn--filter {
        --btn-height: calc(var(--scale-px) * 40)
    }

    .btn--filter,
    .btn--filter>.btn__content {
        height: var(--btn-height)
    }
}

@media (min-width:1440px),
(min-width:980px) and (min-aspect-ratio:10/11) {
    .btn--filter {
        --btn-height: calc(var(--scale-px) * 30)
    }

    .btn--filter,
    .btn--filter>.btn__content {
        height: var(--btn-height)
    }
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9),
(min-width:668px) and (max-aspect-ratio:10/11),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .btn--cursor {
        --btn-height: calc(var(--scale-px) * 120);
        height: var(--btn-height);
        --btn-rx: min(50%, calc(var(--btn-height, 1000px) / 2));
        --btn-ry: min(50%, calc(var(--btn-height, 1000px) / 2))
    }

    .btn--cursor,
    .btn--cursor:after,
    .btn--cursor:before {
        border-radius: var(--btn-rx) var(--btn-ry)
    }

    .btn--cursor>.btn__content {
        height: var(--btn-height)
    }
}

.btn--square {
    border-radius: 100%
}

.btn--padding-favourite {
    padding: 0 calc(var(--scale-px) * 4) 0 calc(var(--scale-px) * 8)
}

.btn--padding-favourite>.btn__content {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9),
(min-width:668px) and (max-aspect-ratio:10/11),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .is-win .btn--padding-win-fix {
        padding-top: calc(var(--scale-px) * 2)
    }
}

@media (min-width:1200px) and (min-height:500px) and (min-aspect-ratio:10/11),
(min-width:1440px) and (min-height:700px) {
    .is-win .btn--padding-win-fix {
        padding-top: 0
    }
}

.btn--square {
    flex-grow: 0;
    flex-shrink: 0;
    padding-left: 0;
    padding-right: 0;
    width: var(--btn-height)
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9),
(min-width:668px) and (max-aspect-ratio:10/11),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .btn--square\:md {
        flex-grow: 0;
        flex-shrink: 0;
        padding-left: 0;
        padding-right: 0;
        width: var(--btn-height)
    }
}

.btn--primary,
.btn--primary .btn-container.is-disabled,
.btn--primary.is-disabled,
.btn--primary:disabled {
    color: var(--t-button-primary-text)
}

.btn--primary .btn-container.is-disabled:after,
.btn--primary.is-disabled:after,
.btn--primary:after,
.btn--primary:disabled:after {
    background: var(--t-button-primary-background)
}

.btn--primary .btn-container.is-disabled:before,
.btn--primary.is-disabled:before,
.btn--primary:before,
.btn--primary:disabled:before {
    background: var(--t-button-primary-hover-background)
}

.has-hover .btn--primary:active:hover,
.has-hover .btn--primary:hover,
.has-hover .btn-container:active:hover .btn--primary,
.has-hover .btn-container:hover .btn--primary {
    color: var(--t-button-primary-hover-text)
}

.btn--primary.is-active,
.btn-container.is-active .btn--primary,
input:checked+.btn--primary:is(label),
label input:checked+.btn--primary {
    color: var(--t-button-primary-active-text)
}

.btn--primary.is-active:after,
.btn-container.is-active .btn--primary:after,
input:checked+.btn--primary:is(label):after,
label input:checked+.btn--primary:after {
    background: var(--t-button-primary-active-background)
}

.btn--primary.is-active:before,
.btn-container.is-active .btn--primary:before,
input:checked+.btn--primary:is(label):before,
label input:checked+.btn--primary:before {
    background: var(--t-button-primary-active-hover-background)
}

.has-hover .btn--primary.is-active:hover,
.has-hover .btn-container.is-active:hover .btn--primary,
.has-hover .btn-container:hover .btn--primary.is-active,
.has-hover input:checked+.btn--primary:is(label):hover,
.has-hover label input:checked+.btn--primary:hover {
    color: var(--t-button-primary-active-hover-text)
}

.has-hover .btn--primary.is-active:active:hover,
.has-hover .btn-container.is-active:active:hover .btn--primary,
.has-hover input:checked+.btn--primary:is(label):active:hover,
.has-hover label input:checked+.btn--primary:active:hover {
    color: var(--t-button-primary-active-hover-text)
}

.btn--primary .btn-container.is-disabled,
.btn--primary.is-disabled,
.btn--primary:disabled {
    color: var(--t-button-primary-disabled-text)
}

.btn--primary .btn-container.is-disabled:after,
.btn--primary.is-disabled:after,
.btn--primary:disabled:after {
    background: var(--t-button-primary-disabled-background)
}

.btn--outline-active,
.btn--outline-active .btn-container.is-disabled,
.btn--outline-active.is-disabled,
.btn--outline-active:disabled {
    color: var(--t-button-outline-active-text);
    --border: var(--t-button-outline-active-border);
    --hover-border: var(--t-button-outline-active-hover-border)
}

.btn--outline-active .btn-container.is-disabled:after,
.btn--outline-active.is-disabled:after,
.btn--outline-active:after,
.btn--outline-active:disabled:after {
    background: var(--t-button-outline-active-background)
}

.btn--outline-active .btn-container.is-disabled:before,
.btn--outline-active.is-disabled:before,
.btn--outline-active:before,
.btn--outline-active:disabled:before {
    background: var(--t-button-outline-active-hover-background)
}

.btn--outline-active .btn-container.is-disabled>svg rect,
.btn--outline-active.is-disabled>svg rect,
.btn--outline-active:disabled>svg rect,
.btn--outline-active>svg rect {
    stroke: var(--t-button-outline-active-border)
}

.btn--outline-active .btn-container.is-disabled:after,
.btn--outline-active.is-disabled:after,
.btn--outline-active:after,
.btn--outline-active:disabled:after {
    border-color: var(--t-button-outline-active-border)
}

.btn--outline-active .btn-container.is-disabled>svg rect+rect,
.btn--outline-active.is-disabled>svg rect+rect,
.btn--outline-active:disabled>svg rect+rect,
.btn--outline-active>svg rect+rect {
    stroke: var(--t-button-outline-active-hover-border)
}

.btn--outline-active .btn-container.is-disabled:before,
.btn--outline-active.is-disabled:before,
.btn--outline-active:before,
.btn--outline-active:disabled:before {
    border-color: var(--t-button-outline-active-hover-border)
}

.has-hover .btn--outline-active:active:hover,
.has-hover .btn--outline-active:hover,
.has-hover .btn-container:active:hover .btn--outline-active,
.has-hover .btn-container:hover .btn--outline-active {
    color: var(--t-button-outline-active-hover-text)
}

.btn--outline-active.is-active,
.btn-container.is-active .btn--outline-active,
input:checked+.btn--outline-active:is(label),
label input:checked+.btn--outline-active {
    color: var(--t-button-outline-active-active-text);
    --border: var(--t-button-outline-active-active-border);
    --hover-border: var(--t-button-outline-active-active-hover-border)
}

.btn--outline-active.is-active:after,
.btn-container.is-active .btn--outline-active:after,
input:checked+.btn--outline-active:is(label):after,
label input:checked+.btn--outline-active:after {
    background: var(--t-button-outline-active-active-background)
}

.btn--outline-active.is-active:before,
.btn-container.is-active .btn--outline-active:before,
input:checked+.btn--outline-active:is(label):before,
label input:checked+.btn--outline-active:before {
    background: var(--t-button-outline-active-active-hover-background)
}

.btn--outline-active.is-active>svg rect,
.btn-container.is-active .btn--outline-active>svg rect,
input:checked+.btn--outline-active:is(label)>svg rect,
label input:checked+.btn--outline-active>svg rect {
    stroke: var(--t-button-outline-active-active-border)
}

.btn--outline-active.is-active:after,
.btn-container.is-active .btn--outline-active:after,
input:checked+.btn--outline-active:is(label):after,
label input:checked+.btn--outline-active:after {
    border-color: var(--t-button-outline-active-active-border)
}

.btn--outline-active.is-active>svg rect+rect,
.btn-container.is-active .btn--outline-active>svg rect+rect,
input:checked+.btn--outline-active:is(label)>svg rect+rect,
label input:checked+.btn--outline-active>svg rect+rect {
    stroke: var(--t-button-outline-active-active-hover-border)
}

.btn--outline-active.is-active:before,
.btn-container.is-active .btn--outline-active:before,
input:checked+.btn--outline-active:is(label):before,
label input:checked+.btn--outline-active:before {
    border-color: var(--t-button-outline-active-active-hover-border)
}

.has-hover .btn--outline-active.is-active:hover,
.has-hover .btn-container.is-active:hover .btn--outline-active,
.has-hover .btn-container:hover .btn--outline-active.is-active,
.has-hover input:checked+.btn--outline-active:is(label):hover,
.has-hover label input:checked+.btn--outline-active:hover {
    color: var(--t-button-outline-active-active-hover-text)
}

.has-hover .btn--outline-active.is-active:active:hover,
.has-hover .btn-container.is-active:active:hover .btn--outline-active,
.has-hover input:checked+.btn--outline-active:is(label):active:hover,
.has-hover label input:checked+.btn--outline-active:active:hover {
    color: var(--t-button-outline-active-active-hover-text)
}

.btn--outline-active .btn-container.is-disabled,
.btn--outline-active.is-disabled,
.btn--outline-active:disabled {
    color: var(--t-button-outline-active-disabled-text);
    --border: var(--t-button-outline-active-disabled-border)
}

.btn--outline-active .btn-container.is-disabled:after,
.btn--outline-active.is-disabled:after,
.btn--outline-active:disabled:after {
    background: var(--t-button-outline-active-disabled-background)
}

.btn--outline-active .btn-container.is-disabled>svg rect,
.btn--outline-active.is-disabled>svg rect,
.btn--outline-active:disabled>svg rect {
    stroke: var(--t-button-outline-active-disabled-border)
}

.btn--outline-active .btn-container.is-disabled:after,
.btn--outline-active.is-disabled:after,
.btn--outline-active:disabled:after {
    border-color: var(--t-button-outline-active-disabled-border)
}

.btn--outline,
.btn--outline .btn-container.is-disabled,
.btn--outline.is-disabled,
.btn--outline:disabled {
    color: var(--t-button-outline-text);
    --border: var(--t-button-outline-border);
    --hover-border: var(--t-button-outline-hover-border)
}

.btn--outline .btn-container.is-disabled:after,
.btn--outline.is-disabled:after,
.btn--outline:after,
.btn--outline:disabled:after {
    background: var(--t-button-outline-background)
}

.btn--outline .btn-container.is-disabled:before,
.btn--outline.is-disabled:before,
.btn--outline:before,
.btn--outline:disabled:before {
    background: var(--t-button-outline-hover-background)
}

.btn--outline .btn-container.is-disabled>svg rect,
.btn--outline.is-disabled>svg rect,
.btn--outline:disabled>svg rect,
.btn--outline>svg rect {
    stroke: var(--t-button-outline-border)
}

.btn--outline .btn-container.is-disabled:after,
.btn--outline.is-disabled:after,
.btn--outline:after,
.btn--outline:disabled:after {
    border-color: var(--t-button-outline-border)
}

.btn--outline .btn-container.is-disabled>svg rect+rect,
.btn--outline.is-disabled>svg rect+rect,
.btn--outline:disabled>svg rect+rect,
.btn--outline>svg rect+rect {
    stroke: var(--t-button-outline-hover-border)
}

.btn--outline .btn-container.is-disabled:before,
.btn--outline.is-disabled:before,
.btn--outline:before,
.btn--outline:disabled:before {
    border-color: var(--t-button-outline-hover-border)
}

.has-hover .btn--outline:active:hover,
.has-hover .btn--outline:hover,
.has-hover .btn-container:active:hover .btn--outline,
.has-hover .btn-container:hover .btn--outline {
    color: var(--t-button-outline-hover-text)
}

.btn--outline .btn-container.is-disabled,
.btn--outline.is-disabled,
.btn--outline:disabled {
    color: var(--t-button-outline-disabled-text);
    --border: var(--t-button-outline-disabled-border)
}

.btn--outline .btn-container.is-disabled:after,
.btn--outline.is-disabled:after,
.btn--outline:disabled:after {
    background: var(--t-button-outline-disabled-background)
}

.btn--outline .btn-container.is-disabled>svg rect,
.btn--outline.is-disabled>svg rect,
.btn--outline:disabled>svg rect {
    stroke: var(--t-button-outline-disabled-border)
}

.btn--outline .btn-container.is-disabled:after,
.btn--outline.is-disabled:after,
.btn--outline:disabled:after {
    border-color: var(--t-button-outline-disabled-border)
}

.btn--link,
.btn--link .btn-container.is-disabled,
.btn--link.is-disabled,
.btn--link:disabled {
    color: var(--t-button-link-text);
    --hover-border: var(--t-button-link-hover-border)
}

.btn--link .btn-container.is-disabled>svg rect+rect,
.btn--link.is-disabled>svg rect+rect,
.btn--link:disabled>svg rect+rect,
.btn--link>svg rect+rect {
    stroke: var(--t-button-link-hover-border)
}

.btn--link .btn-container.is-disabled:before,
.btn--link.is-disabled:before,
.btn--link:before,
.btn--link:disabled:before {
    border-color: var(--t-button-link-hover-border)
}

.has-hover .btn--link:active:hover,
.has-hover .btn--link:hover,
.has-hover .btn-container:active:hover .btn--link,
.has-hover .btn-container:hover .btn--link {
    color: var(--t-button-link-hover-text)
}

.btn--link-heading,
.btn--link-heading .btn-container.is-disabled,
.btn--link-heading.is-disabled,
.btn--link-heading:disabled {
    color: var(--t-button-link-heading-text);
    --border: var(--t-button-link-heading-border);
    --hover-border: var(--t-button-link-heading-hover-border)
}

.btn--link-heading .btn-container.is-disabled>svg rect,
.btn--link-heading.is-disabled>svg rect,
.btn--link-heading:disabled>svg rect,
.btn--link-heading>svg rect {
    stroke: var(--t-button-link-heading-border)
}

.btn--link-heading .btn-container.is-disabled:after,
.btn--link-heading.is-disabled:after,
.btn--link-heading:after,
.btn--link-heading:disabled:after {
    border-color: var(--t-button-link-heading-border)
}

.btn--link-heading .btn-container.is-disabled>svg rect+rect,
.btn--link-heading.is-disabled>svg rect+rect,
.btn--link-heading:disabled>svg rect+rect,
.btn--link-heading>svg rect+rect {
    stroke: var(--t-button-link-heading-hover-border)
}

.btn--link-heading .btn-container.is-disabled:before,
.btn--link-heading.is-disabled:before,
.btn--link-heading:before,
.btn--link-heading:disabled:before {
    border-color: var(--t-button-link-heading-hover-border)
}

.has-hover .btn--link-heading:active:hover,
.has-hover .btn--link-heading:hover,
.has-hover .btn-container:active:hover .btn--link-heading,
.has-hover .btn-container:hover .btn--link-heading {
    color: var(--t-button-link-heading-hover-text)
}

.btn--tooltip-link,
.btn--tooltip-link .btn-container.is-disabled,
.btn--tooltip-link.is-disabled,
.btn--tooltip-link:disabled {
    color: var(--t-button-tooltip-link-text)
}

.has-hover .btn--tooltip-link:active:hover,
.has-hover .btn--tooltip-link:hover,
.has-hover .btn-container:active:hover .btn--tooltip-link,
.has-hover .btn-container:hover .btn--tooltip-link {
    color: var(--t-button-tooltip-link-hover-text)
}

.btn--tooltip-link.is-active,
.btn-container.is-active .btn--tooltip-link,
input:checked+.btn--tooltip-link:is(label),
label input:checked+.btn--tooltip-link {
    color: var(--t-button-tooltip-link-active-text)
}

.btn--disabled,
.btn--disabled .btn-container.is-disabled,
.btn--disabled.is-disabled,
.btn--disabled:disabled {
    color: var(--t-button-disabled-text);
    --border: var(--t-button-disabled-border);
    --hover-border: var(--t-button-disabled-hover-border)
}

.btn--disabled .btn-container.is-disabled:after,
.btn--disabled.is-disabled:after,
.btn--disabled:after,
.btn--disabled:disabled:after {
    background: var(--t-button-disabled-background)
}

.btn--disabled .btn-container.is-disabled:before,
.btn--disabled.is-disabled:before,
.btn--disabled:before,
.btn--disabled:disabled:before {
    background: var(--t-button-disabled-hover-background)
}

.btn--disabled .btn-container.is-disabled>svg rect,
.btn--disabled.is-disabled>svg rect,
.btn--disabled:disabled>svg rect,
.btn--disabled>svg rect {
    stroke: var(--t-button-disabled-border)
}

.btn--disabled .btn-container.is-disabled:after,
.btn--disabled.is-disabled:after,
.btn--disabled:after,
.btn--disabled:disabled:after {
    border-color: var(--t-button-disabled-border)
}

.btn--disabled .btn-container.is-disabled>svg rect+rect,
.btn--disabled.is-disabled>svg rect+rect,
.btn--disabled:disabled>svg rect+rect,
.btn--disabled>svg rect+rect {
    stroke: var(--t-button-disabled-hover-border)
}

.btn--disabled .btn-container.is-disabled:before,
.btn--disabled.is-disabled:before,
.btn--disabled:before,
.btn--disabled:disabled:before {
    border-color: var(--t-button-disabled-hover-border)
}

.has-hover .btn--disabled:active:hover,
.has-hover .btn--disabled:hover,
.has-hover .btn-container:active:hover .btn--disabled,
.has-hover .btn-container:hover .btn--disabled {
    color: var(--t-button-disabled-hover-text)
}

.btn--disabled .btn-container.is-disabled,
.btn--disabled.is-disabled,
.btn--disabled:disabled {
    color: var(--t-button-disabled-disabled-text);
    --border: var(--t-button-disabled-disabled-border)
}

.btn--disabled .btn-container.is-disabled:after,
.btn--disabled.is-disabled:after,
.btn--disabled:disabled:after {
    background: var(--t-button-disabled-disabled-background)
}

.btn--disabled .btn-container.is-disabled>svg rect,
.btn--disabled.is-disabled>svg rect,
.btn--disabled:disabled>svg rect {
    stroke: var(--t-button-disabled-disabled-border)
}

.btn--disabled .btn-container.is-disabled:after,
.btn--disabled.is-disabled:after,
.btn--disabled:disabled:after {
    border-color: var(--t-button-disabled-disabled-border)
}

.btn--tab,
.btn--tab .btn-container.is-disabled,
.btn--tab.is-disabled,
.btn--tab:disabled {
    color: var(--t-button-tab-text);
    --border: var(--t-button-tab-border);
    --hover-border: var(--t-button-tab-hover-border)
}

.btn--tab .btn-container.is-disabled:after,
.btn--tab.is-disabled:after,
.btn--tab:after,
.btn--tab:disabled:after {
    background: var(--t-button-tab-background)
}

.btn--tab .btn-container.is-disabled:before,
.btn--tab.is-disabled:before,
.btn--tab:before,
.btn--tab:disabled:before {
    background: var(--t-button-tab-hover-background)
}

.btn--tab .btn-container.is-disabled>svg rect,
.btn--tab.is-disabled>svg rect,
.btn--tab:disabled>svg rect,
.btn--tab>svg rect {
    stroke: var(--t-button-tab-border)
}

.btn--tab .btn-container.is-disabled:after,
.btn--tab.is-disabled:after,
.btn--tab:after,
.btn--tab:disabled:after {
    border-color: var(--t-button-tab-border)
}

.btn--tab .btn-container.is-disabled>svg rect+rect,
.btn--tab.is-disabled>svg rect+rect,
.btn--tab:disabled>svg rect+rect,
.btn--tab>svg rect+rect {
    stroke: var(--t-button-tab-hover-border)
}

.btn--tab .btn-container.is-disabled:before,
.btn--tab.is-disabled:before,
.btn--tab:before,
.btn--tab:disabled:before {
    border-color: var(--t-button-tab-hover-border)
}

.has-hover .btn--tab:active:hover,
.has-hover .btn--tab:hover,
.has-hover .btn-container:active:hover .btn--tab,
.has-hover .btn-container:hover .btn--tab {
    color: var(--t-button-tab-hover-text)
}

.btn--tab.is-active,
.btn-container.is-active .btn--tab,
input:checked+.btn--tab:is(label),
label input:checked+.btn--tab {
    color: var(--t-button-tab-active-text);
    --border: var(--t-button-tab-active-border)
}

.btn--tab.is-active:after,
.btn-container.is-active .btn--tab:after,
input:checked+.btn--tab:is(label):after,
label input:checked+.btn--tab:after {
    background: var(--t-button-tab-active-background)
}

.btn--tab.is-active>svg rect,
.btn-container.is-active .btn--tab>svg rect,
input:checked+.btn--tab:is(label)>svg rect,
label input:checked+.btn--tab>svg rect {
    stroke: var(--t-button-tab-active-border)
}

.btn--tab.is-active:after,
.btn-container.is-active .btn--tab:after,
input:checked+.btn--tab:is(label):after,
label input:checked+.btn--tab:after {
    border-color: var(--t-button-tab-active-border)
}

.btn--tab .btn-container.is-disabled,
.btn--tab.is-disabled,
.btn--tab:disabled {
    color: var(--t-button-tab-disabled-text);
    --border: var(--t-button-tab-disabled-border)
}

.btn--tab .btn-container.is-disabled:after,
.btn--tab.is-disabled:after,
.btn--tab:disabled:after {
    background: var(--t-button-tab-disabled-background)
}

.btn--tab .btn-container.is-disabled>svg rect,
.btn--tab.is-disabled>svg rect,
.btn--tab:disabled>svg rect {
    stroke: var(--t-button-tab-disabled-border)
}

.btn--tab .btn-container.is-disabled:after,
.btn--tab.is-disabled:after,
.btn--tab:disabled:after {
    border-color: var(--t-button-tab-disabled-border)
}

.btn--link {
    border-radius: 0;
    height: auto;
    overflow: visible;
    padding-left: 0;
    padding-right: 0
}

.btn--link:where(:not(.btn--full)) {
    width: auto
}

.btn--link:before {
    display: none
}

.btn--link>.btn__content {
    height: auto;
    justify-content: flex-start;
    text-align: left
}

.btn--link:focus-visible {
    box-shadow: none
}

.btn--link:focus-visible:not(.btn-container) {
    outline-color: currentColor;
    outline-offset: 1px;
    outline-style: auto;
    outline-width: 1px
}

.btn--link:after {
    bottom: calc(var(--scale-px) * -15);
    display: block;
    left: calc(var(--scale-px) * -15);
    pointer-events: inherit;
    right: calc(var(--scale-px) * -15);
    top: calc(var(--scale-px) * -15);
    transition: none
}

.btn--link .btn-container.is-disabled:after,
.btn--link.is-disabled:after,
.btn--link:disabled:after {
    display: none
}

.btn--outline.btn--square {
    backdrop-filter: blur(3px)
}

.btn--outline-active.is-active {
    border: none
}

.btn--bold {
    font-weight: 700
}

.animation--fade-in,
.animation--fade-out,
.animation--height,
.animation--image-parallax-in,
.animation--image-parallax-in img,
.animation--image-slide-in,
.animation--image-zoom,
.animation--tabs-in,
.animation--tabs-out {
    pointer-events: none
}

.disable-transitions,
.disable-transitions *,
.disable-transitions :after,
.disable-transitions :before,
.disable-transitions:after,
.disable-transitions:before {
    transition: none !important
}

.animation--fade-in,
.animation--fade-out,
.animation--tabs-in,
.animation--tabs-out {
    will-change: opacity
}

.animation--fade-in--inactive,
.animation--fade-out--active,
.animation--tabs-in--inactive,
.animation--tabs-out--active {
    opacity: 0
}

.animation--preloader {
    overflow: visible !important;
    pointer-events: none;
    transition: transform 8s cubic-bezier(.55, 0, .1, 1) !important
}

.animation--preloader .header-animation-logo {
    transition: transform 1.6s cubic-bezier(.55, 0, .1, 1) 4.8s;
    visibility: hidden
}

.is-preloader-active .animation--preloader .header-animation-logo,
.is-preloader-disabled .animation--preloader .header-animation-logo {
    visibility: visible
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9),
(min-width:668px) and (max-aspect-ratio:10/11),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .animation--preloader .header-animation-logo {
        display: block
    }
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:667px) and (min-aspect-ratio:13/9),
(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .animation--preloader .header-animation-logo {
        transition: transform 1.6s cubic-bezier(.55, 0, .1, 1) 4.8s, opacity 1.6s cubic-bezier(.55, 0, .1, 1) 1.6s
    }

    .is-preloader-disabled .animation--preloader .header-animation-logo {
        opacity: 1
    }
}

.animation--preloader .header-animation-link {
    opacity: 1;
    transition: opacity 1.6s cubic-bezier(.55, 0, .1, 1) 6.4s
}

.animation--preloader--inactive .header-animation-logo {
    transform: translateY(45vh) scale(1.5)
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:667px) and (min-aspect-ratio:13/9),
(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .animation--preloader--inactive .header-animation-logo {
        opacity: 1;
        transform: translate(calc(139% - .8em), calc(45.5svh - var(--cookie-height) / 2)) scale(2);
        visibility: hidden
    }

    .is-preloader-disabled .animation--preloader--inactive .header-animation-logo {
        visibility: visible
    }
}

.animation--preloader--inactive .header-animation-link {
    opacity: 0
}

.animation-preloader-acceleration .header-animation-logo {
    will-change: transform
}

.animation--gallery {
    pointer-events: none;
    transition: all 8s cubic-bezier(.55, 0, .1, 1)
}

.animation--gallery .l-gallery__item {
    opacity: 1;
    transition: opacity 0s cubic-bezier(.55, 0, .1, 1) 1.6s
}

.animation--gallery .l-gallery__split>.col .l-gallery__item__mask-list {
    transition: all 1.6s cubic-bezier(.55, 0, .1, 1) 4.8s
}

.animation--gallery .l-gallery__split>.col:first-of-type .l-gallery__item__mask-list {
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0)
}

.animation--gallery .l-gallery__split>.col:nth-of-type(2) .l-gallery__item__mask-list {
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%)
}

.animation--gallery .gallery-animation-item {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transition: clip-path 1.6s cubic-bezier(.55, 0, .1, 1) 0s
}

.animation--gallery .gallery-animation-item:nth-child(2) {
    transition-delay: 1.6s
}

.animation--gallery .gallery-animation-item:nth-child(3) {
    transition-delay: 3.2s
}

.animation--gallery--inactive .l-gallery__item {
    opacity: 0
}

.animation--gallery--inactive .l-gallery__split>.col:first-of-type .gallery-animation-item {
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%)
}

.animation--gallery--inactive .l-gallery__split>.col:nth-of-type(2) .gallery-animation-item {
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0)
}

.animation--gallery--inactive .l-gallery__split>.col:first-of-type .l-gallery__item__mask-list,
.animation--gallery--inactive .l-gallery__split>.col:nth-of-type(2) .l-gallery__item__mask-list {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.animation--title {
    transition: border-color !important;
    transition-duration: calc(var(--char-total) * 10ms + 1.4s) !important
}

.animation--title .char {
    transition: transform 1.4s cubic-bezier(.25, .74, .22, .99), opacity 1.4s cubic-bezier(.25, .74, .22, .99);
    transition-delay: calc(var(--char-index) * 10ms)
}

.animation--title--inactive {
    border-color: #fff
}

.animation--title--inactive .char {
    opacity: 0;
    transform: translateY(110%)
}

.animation--text {
    transition: border-color !important;
    transition-duration: calc(var(--line-total) * 40ms + 1.4s) !important
}

.animation--text .word-wrap {
    transition: transform 1.4s cubic-bezier(.25, .74, .22, .99), opacity 1.4s cubic-bezier(.25, .74, .22, .99);
    transition-delay: calc(var(--line-index) * 40ms)
}

.animation--text--inactive {
    border-color: #fff
}

.animation--text--inactive .word-wrap {
    opacity: 0;
    transform: translateY(110%)
}

.animation-text-acceleration .word-wrap,
.animation-title-acceleration .char {
    will-change: transform
}

.splitting .char,
.splitting .word,
.splitting .word-wrap {
    display: inline-block;
    vertical-align: top
}

.splitting .word,
.splitting .word-wrap {
    margin: var(--xxxxl, -.16em -.16em -.32em) var(--n-xxxxl, -.16em -.16em -.188em);
    overflow: hidden;
    padding: var(--xxxxl, .16em .16em .32em) var(--n-xxxxl, .16em .16em .188em);
    position: relative
}

.word {
    white-space: nowrap
}

.word--shy {
    white-space: normal
}

.whitespace,
.word-nowrap-spacer {
    display: inline-block
}

.whitespace:before {
    content: "\00a0"
}

.words a {
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    z-index: 1
}

.words.animation--text--inactive a,
.words.animation--title--inactive a {
    overflow: visible;
    position: static
}

.is-splitting sup {
    line-height: inherit;
    position: static;
    top: inherit;
    vertical-align: inherit
}

.animation--image-slide-in {
    transition-duration: 1.4s;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99);
    will-change: opacity, transform
}

.animation--image-slide-in--inactive {
    opacity: 0 !important;
    transform: translateY(350px) scale(.72)
}

.animation--image-zoom {
    transition-duration: 1.4s;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99);
    will-change: opacity, transform
}

.animation--image-zoom--inactive {
    transform: scale(1.2)
}

.animation--image-parallax-in {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    will-change: clip-path
}

.animation--image-parallax-in,
.animation--image-parallax-in img {
    transition-duration: 1.6s;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.animation--image-parallax-in img {
    will-change: transform
}

.animation--image-parallax-in--inactive {
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%)
}

.animation--image-parallax-in--inactive img {
    transform: scale(1.1)
}

.animation--tabs-in {
    transition-delay: .2s;
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.animation--tabs-out {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.47, .04, .5, -.06)
}

.animation--height {
    overflow: hidden;
    transition-property: height, opacity;
    will-change: height, opacity
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9),
(min-width:668px) and (max-aspect-ratio:10/11),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .js:not(.js-no-reveal) [data-reveal]:not([data-reveal-visible]) {
        opacity: .005 !important;
        pointer-events: none !important
    }
}

.js:not(.js-no-reveal) [data-reveal-enable-mq=null] [data-reveal]:not([data-reveal-visible]),
.js:not(.js-no-reveal) [data-reveal-enable-mq=xs-up] [data-reveal]:not([data-reveal-visible]) {
    opacity: .005 !important;
    pointer-events: none !important
}

.animation--fast {
    transition-duration: .2s
}

.animation--slow {
    transition-duration: .8s
}

.animation--block {
    transition-duration: 1.6s
}

.modal {
    bottom: 0;
    left: 0;
    outline-color: transparent;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 45
}

.modal--under-header {
    z-index: 41
}

.no-js .modal:target {
    display: block !important
}

.modal__close {
    position: absolute;
    right: var(--spacing-layout);
    top: var(--spacing-layout);
    z-index: 44
}

.no-hover .modal__close {
    position: fixed
}

.no-hover .modal--subscribe .modal__close {
    position: absolute
}

#panorama-modal .modal__close {
    right: 30px;
    top: 50%;
    transform: translateY(-50%)
}

.modal__scroller {
    height: calc(100 * var(--svh));
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%
}

.modal__scroller__scrollable {
    height: 100svh;
    overflow: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: none;
    scroll-behavior: smooth
}

.disable-smooth-scrolling .modal__scroller,
.has-scroll-smooth .modal__scroller {
    scroll-behavior: auto
}

.has-scroll-smooth .modal--with-scrollable-content .modal__scroller__scrollable {
    overflow: hidden
}

.modal__background {
    background: var(--c-dark-green);
    height: calc(100 * var(--svh));
    left: 0;
    opacity: .8;
    position: fixed;
    top: 0;
    width: 100%
}

.modal__content-wrapper {
    min-height: 100svh;
    position: relative;
    width: 100%
}

.modal__content-wrapper:after,
.modal__content-wrapper:before {
    display: none
}

.modal__content {
    margin: 0 auto;
    max-width: 720px;
    position: relative
}

.animation--modal-out {
    pointer-events: none
}

.animation--modal-out-fake {
    transition-property: opacity
}

.modal--full {}

.modal--full .modal__content {
    border-radius: 0;
    margin: 0;
    max-width: none;
    min-height: calc(100 * var(--dvh))
}

.no-hover .modal--full .modal__content {
    min-height: calc((100 * var(--dvh)) + 1px)
}

.modal--full.animation--modal-in,
.modal--full.animation--modal-in .modal__background,
.modal--full.animation--modal-in .modal__scroller,
.modal--full.animation--modal-out,
.modal--full.animation--modal-out .modal__background,
.modal--full.animation--modal-out .modal__scroller {
    transition-duration: .4s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.modal--full.animation--modal-in--inactive .modal__background,
.modal--full.animation--modal-in--inactive .modal__scroller,
.modal--full.animation--modal-out--active .modal__background,
.modal--full.animation--modal-out--active .modal__scroller {
    opacity: 0
}

.modal--full-animate.animation--modal-in,
.modal--full-animate.animation--modal-in .modal__background,
.modal--full-animate.animation--modal-in .modal__scroller,
.modal--full-animate.animation--modal-out,
.modal--full-animate.animation--modal-out .modal__background,
.modal--full-animate.animation--modal-out .modal__scroller {
    transition-duration: .8s;
    transition-property: opacity, clip-path;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.modal--full-animate.animation--modal-in .modal__background,
.modal--full-animate.animation--modal-in .modal__scroller,
.modal--full-animate.animation--modal-out .modal__background,
.modal--full-animate.animation--modal-out .modal__scroller {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.modal--full-animate.animation--modal-in.animation--modal-in--inactive .modal__background,
.modal--full-animate.animation--modal-in.animation--modal-in--inactive .modal__scroller,
.modal--full-animate.animation--modal-in.animation--modal-out--active .modal__background,
.modal--full-animate.animation--modal-in.animation--modal-out--active .modal__scroller,
.modal--full-animate.animation--modal-out.animation--modal-in--inactive .modal__background,
.modal--full-animate.animation--modal-out.animation--modal-in--inactive .modal__scroller,
.modal--full-animate.animation--modal-out.animation--modal-out--active .modal__background,
.modal--full-animate.animation--modal-out.animation--modal-out--active .modal__scroller {
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    opacity: 1
}

.modal--full-animate--reverse.animation--modal-in .modal__background,
.modal--full-animate--reverse.animation--modal-in .modal__scroller,
.modal--full-animate--reverse.animation--modal-out .modal__background,
.modal--full-animate--reverse.animation--modal-out .modal__scroller {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.modal--full-animate--reverse.animation--modal-in.animation--modal-in--inactive .modal__background,
.modal--full-animate--reverse.animation--modal-in.animation--modal-in--inactive .modal__scroller,
.modal--full-animate--reverse.animation--modal-in.animation--modal-out--active .modal__background,
.modal--full-animate--reverse.animation--modal-in.animation--modal-out--active .modal__scroller,
.modal--full-animate--reverse.animation--modal-out.animation--modal-in--inactive .modal__background,
.modal--full-animate--reverse.animation--modal-out.animation--modal-in--inactive .modal__scroller,
.modal--full-animate--reverse.animation--modal-out.animation--modal-out--active .modal__background,
.modal--full-animate--reverse.animation--modal-out.animation--modal-out--active .modal__scroller {
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%)
}

.modal--side {}

.modal--side .modal__content-wrapper {
    padding-left: var(--lg, var(--spacing)) var(--n-lg, 0)
}

.modal--side .modal__content {
    margin: var(--md, 0 0 0 auto) var(--n-md, 0);
    min-height: calc(100 * var(--dvh))
}

.modal--side.animation--modal-in,
.modal--side.animation--modal-in .modal__background,
.modal--side.animation--modal-in .modal__content,
.modal--side.animation--modal-out,
.modal--side.animation--modal-out .modal__background,
.modal--side.animation--modal-out .modal__content {
    transition-duration: .8s;
    transition-property: transform, opacity;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.modal--side.animation--modal-in .modal__background,
.modal--side.animation--modal-out .modal__background {
    transition-property: opacity
}

.modal--side.animation--modal-in--inactive .modal__background,
.modal--side.animation--modal-out--active .modal__background {
    opacity: 0
}

@media (min-width:1440px),
(min-width:980px) and (min-aspect-ratio:10/11) {

    .modal--side.animation--modal-in--inactive .modal__content,
    .modal--side.animation--modal-out--active .modal__content {
        transform: translateX(calc(100% + var(--spacing)))
    }
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {

    .modal--side.animation--modal-in--inactive .modal__content,
    .modal--side.animation--modal-out--active .modal__content {
        opacity: 0
    }
}

.modal--side-search {
    z-index: 41
}

.modal--side-search:where(.animation--modal-out) {
    z-index: 40
}

.modal--side-search .modal__content-wrapper {
    padding-left: var(--lg, var(--spacing)) var(--n-lg, 0)
}

.modal--side-search,
.modal--side-search .modal__content-wrapper,
.modal--side-search .modal__scroller {
    pointer-events: none !important
}

.modal--side-search .modal__content {
    margin: var(--md, 0 0 0 auto) var(--n-md, 0);
    max-width: 50vw;
    min-height: calc(100 * var(--dvh));
    pointer-events: all !important
}

.modal--side-search .modal__background {
    display: none
}

.modal--side-search .modal__close {
    left: 0;
    right: auto;
    top: 50%;
    transform: translate(-50%, -50%)
}

.modal--side-search.animation--modal-in,
.modal--side-search.animation--modal-in .modal__background,
.modal--side-search.animation--modal-in .modal__content,
.modal--side-search.animation--modal-out,
.modal--side-search.animation--modal-out .modal__background,
.modal--side-search.animation--modal-out .modal__content {
    transition-duration: .8s;
    transition-property: transform, opacity;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.with-modal-change-style .modal--side-search.animation--modal-in,
.with-modal-change-style .modal--side-search.animation--modal-in .modal__background,
.with-modal-change-style .modal--side-search.animation--modal-in .modal__content,
.with-modal-change-style .modal--side-search.animation--modal-out,
.with-modal-change-style .modal--side-search.animation--modal-out .modal__background,
.with-modal-change-style .modal--side-search.animation--modal-out .modal__content {
    transition: all .4s ease
}

.modal--side-search.animation--modal-in .modal__background,
.modal--side-search.animation--modal-out .modal__background {
    transition-property: opacity
}

.with-modal-change-style .modal--side-search.animation--modal-in {
    z-index: 45
}

.modal--side-search.animation--modal-in--inactive .modal__background,
.modal--side-search.animation--modal-out--active .modal__background {
    opacity: 0
}

@media (min-width:1440px),
(min-width:980px) and (min-aspect-ratio:10/11) {

    .modal--side-search.animation--modal-in--inactive .modal__content,
    .modal--side-search.animation--modal-out--active .modal__content {
        transform: translateX(calc(100% + var(--spacing)))
    }

    .with-modal-change-style .modal--side-search.animation--modal-in--inactive .modal__content,
    .with-modal-change-style .modal--side-search.animation--modal-out--active .modal__content {
        opacity: 0;
        transform: none;
        transition: all 1s ease;
        transition-delay: .4s
    }
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {

    .modal--side-search.animation--modal-in--inactive .modal__content,
    .modal--side-search.animation--modal-out--active .modal__content {
        opacity: 0
    }
}

.modal--side--left {}

.modal--side--left .modal__content {
    margin: var(--md, 0 auto 0 0) var(--n-md, 0)
}

.modal--side--left.animation--modal-in,
.modal--side--left.animation--modal-in .modal__background,
.modal--side--left.animation--modal-in .modal__content,
.modal--side--left.animation--modal-out,
.modal--side--left.animation--modal-out .modal__background,
.modal--side--left.animation--modal-out .modal__content {
    transition-duration: .8s;
    transition-property: transform, opacity;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.modal--side--left.animation--modal-in .modal__background,
.modal--side--left.animation--modal-out .modal__background {
    transition-property: opacity
}

.modal--side--left.animation--modal-in--inactive .modal__background,
.modal--side--left.animation--modal-out--active .modal__background {
    opacity: 0
}

.modal--side--left.animation--modal-in--inactive .modal__content,
.modal--side--left.animation--modal-out--active .modal__content {
    transform: translateX(calc(-100% - var(--spacing)))
}

.modal--center {}

.modal--center .modal__content-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.modal--center.animation--modal-in,
.modal--center.animation--modal-in .modal__background,
.modal--center.animation--modal-in .modal__scroller,
.modal--center.animation--modal-out,
.modal--center.animation--modal-out .modal__background,
.modal--center.animation--modal-out .modal__scroller {
    transition-duration: .4s;
    transition-property: transform, opacity;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.modal--center.animation--modal-in--inactive .modal__background,
.modal--center.animation--modal-out--active .modal__background {
    opacity: 0
}

.modal--center.animation--modal-in--inactive .modal__scroller,
.modal--center.animation--modal-out--active .modal__scroller {
    opacity: 0;
    transform: scale(.95)
}

.modal--wide .modal__content {
    max-width: var(--lg, calc(var(--grid-col) * 10.5)) var(--n-lg, calc(var(--grid-col) * 12))
}

.modal--subscribe .modal__content-wrapper {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.modal--subscribe .modal__content {
    height: 100%;
    margin-left: var(--lg, var(--spacing-layout)) var(--n-lg, 0);
    margin-right: auto;
    max-width: var(--lg, calc(var(--grid-col) * 6.5)) var(--n-lg, calc(var(--grid-col) * 12));
    width: 100%
}

.modal--menu-picker {}

.modal--menu-picker .modal__content {
    background: transparent
}

.modal--menu-picker.animation--modal-in,
.modal--menu-picker.animation--modal-in .menu-picker__gradient div,
.modal--menu-picker.animation--modal-out,
.modal--menu-picker.animation--modal-out .menu-picker__gradient div {
    transition-duration: 1.6s;
    transition-property: transform, opacity;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.modal--menu-picker.animation--modal-in--inactive .menu-picker__gradient div:first-child,
.modal--menu-picker.animation--modal-out--active .menu-picker__gradient div:first-child {
    opacity: 0;
    transform: translateY(200%)
}

.modal--menu-picker.animation--modal-in--inactive .menu-picker__gradient div:nth-child(2),
.modal--menu-picker.animation--modal-out--active .menu-picker__gradient div:nth-child(2) {
    opacity: 0;
    transform: translateX(-50%)
}

.modal--menu-picker.animation--modal-in--inactive .menu-picker__gradient div:nth-child(3),
.modal--menu-picker.animation--modal-out--active .menu-picker__gradient div:nth-child(3) {
    opacity: 0;
    transform: translateX(20%)
}

@media (min-width:1440px),
(min-width:980px) and (min-aspect-ratio:10/11) {

    .modal--split-animate.animation--modal-in,
    .modal--split-animate.animation--modal-in .modal__scroller,
    .modal--split-animate.animation--modal-out,
    .modal--split-animate.animation--modal-out .modal__scroller {
        transition-duration: 1s;
        transition-property: opacity, transform, clip-path;
        transition-timing-function: cubic-bezier(.25, .74, .22, .99)
    }

    .modal--split-animate.animation--modal-in .l-callback__col,
    .modal--split-animate.animation--modal-out .l-callback__col {
        transition-delay: .2s;
        transition-duration: .8s;
        transition-property: opacity, transform;
        transition-timing-function: cubic-bezier(.25, .74, .22, .99)
    }

    .modal--split-animate.animation--modal-in .l-callback__col,
    .modal--split-animate.animation--modal-in .modal__scroller,
    .modal--split-animate.animation--modal-out .l-callback__col,
    .modal--split-animate.animation--modal-out .modal__scroller {
        opacity: 1;
        transform: translateX(0)
    }

    .modal--split-animate.animation--modal-in .modal__scroller,
    .modal--split-animate.animation--modal-out .modal__scroller {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }

    .modal--split-animate.animation--modal-in.animation--modal-in--inactive .l-callback__col,
    .modal--split-animate.animation--modal-in.animation--modal-in--inactive .modal__scroller,
    .modal--split-animate.animation--modal-in.animation--modal-out--active .l-callback__col,
    .modal--split-animate.animation--modal-in.animation--modal-out--active .modal__scroller,
    .modal--split-animate.animation--modal-out.animation--modal-in--inactive .l-callback__col,
    .modal--split-animate.animation--modal-out.animation--modal-in--inactive .modal__scroller,
    .modal--split-animate.animation--modal-out.animation--modal-out--active .l-callback__col,
    .modal--split-animate.animation--modal-out.animation--modal-out--active .modal__scroller {
        opacity: 1;
        transform: translateX(5%)
    }

    .modal--split-animate.animation--modal-in.animation--modal-in--inactive .modal__scroller,
    .modal--split-animate.animation--modal-in.animation--modal-out--active .modal__scroller,
    .modal--split-animate.animation--modal-out.animation--modal-in--inactive .modal__scroller,
    .modal--split-animate.animation--modal-out.animation--modal-out--active .modal__scroller {
        clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%)
    }
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {

    .modal--split-animate.animation--modal-in,
    .modal--split-animate.animation--modal-in .modal__scroller,
    .modal--split-animate.animation--modal-out,
    .modal--split-animate.animation--modal-out .modal__scroller {
        transition-duration: 1s;
        transition-property: opacity, transform;
        transition-timing-function: cubic-bezier(.25, .74, .22, .99)
    }

    .modal--split-animate.animation--modal-in .modal__scroller,
    .modal--split-animate.animation--modal-out .modal__scroller {
        opacity: 1
    }

    .modal--split-animate.animation--modal-in.animation--modal-in--inactive .modal__scroller,
    .modal--split-animate.animation--modal-in.animation--modal-out--active .modal__scroller,
    .modal--split-animate.animation--modal-out.animation--modal-in--inactive .modal__scroller,
    .modal--split-animate.animation--modal-out.animation--modal-out--active .modal__scroller {
        opacity: 0
    }
}

@media (min-width:1440px),
(min-width:980px) and (min-aspect-ratio:10/11) {

    .modal--split-animate--reverse.animation--modal-in,
    .modal--split-animate--reverse.animation--modal-in .modal__scroller,
    .modal--split-animate--reverse.animation--modal-out,
    .modal--split-animate--reverse.animation--modal-out .modal__scroller {
        transition-duration: 1s;
        transition-property: transform, clip-path, opacity;
        transition-timing-function: cubic-bezier(.25, .74, .22, .99)
    }

    .modal--split-animate--reverse.animation--modal-in .menu__images,
    .modal--split-animate--reverse.animation--modal-out .menu__images {
        transition-delay: .2s;
        transition-duration: .8s;
        transition-property: transform;
        transition-timing-function: cubic-bezier(.25, .74, .22, .99)
    }

    .modal--split-animate--reverse.animation--modal-in .menu__images,
    .modal--split-animate--reverse.animation--modal-in .modal__scroller,
    .modal--split-animate--reverse.animation--modal-out .menu__images,
    .modal--split-animate--reverse.animation--modal-out .modal__scroller {
        opacity: 1;
        transform: translateX(0)
    }

    .modal--split-animate--reverse.animation--modal-in .modal__scroller,
    .modal--split-animate--reverse.animation--modal-out .modal__scroller {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }

    .modal--split-animate--reverse.animation--modal-in.animation--modal-in--inactive .menu__images,
    .modal--split-animate--reverse.animation--modal-in.animation--modal-in--inactive .modal__scroller,
    .modal--split-animate--reverse.animation--modal-in.animation--modal-out--active .menu__images,
    .modal--split-animate--reverse.animation--modal-in.animation--modal-out--active .modal__scroller,
    .modal--split-animate--reverse.animation--modal-out.animation--modal-in--inactive .menu__images,
    .modal--split-animate--reverse.animation--modal-out.animation--modal-in--inactive .modal__scroller,
    .modal--split-animate--reverse.animation--modal-out.animation--modal-out--active .menu__images,
    .modal--split-animate--reverse.animation--modal-out.animation--modal-out--active .modal__scroller {
        opacity: 1;
        transform: translateX(-5%)
    }

    .modal--split-animate--reverse.animation--modal-in.animation--modal-in--inactive .modal__scroller,
    .modal--split-animate--reverse.animation--modal-in.animation--modal-out--active .modal__scroller,
    .modal--split-animate--reverse.animation--modal-out.animation--modal-in--inactive .modal__scroller,
    .modal--split-animate--reverse.animation--modal-out.animation--modal-out--active .modal__scroller {
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%)
    }
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {

    .modal--split-animate--reverse.animation--modal-in,
    .modal--split-animate--reverse.animation--modal-in .modal__scroller,
    .modal--split-animate--reverse.animation--modal-out,
    .modal--split-animate--reverse.animation--modal-out .modal__scroller {
        transition-duration: 1s;
        transition-property: opacity, transform;
        transition-timing-function: cubic-bezier(.25, .74, .22, .99)
    }

    .modal--split-animate--reverse.animation--modal-in .modal__scroller,
    .modal--split-animate--reverse.animation--modal-out .modal__scroller {
        opacity: 1
    }

    .modal--split-animate--reverse.animation--modal-in.animation--modal-in--inactive .modal__scroller,
    .modal--split-animate--reverse.animation--modal-in.animation--modal-out--active .modal__scroller,
    .modal--split-animate--reverse.animation--modal-out.animation--modal-in--inactive .modal__scroller,
    .modal--split-animate--reverse.animation--modal-out.animation--modal-out--active .modal__scroller {
        opacity: 0
    }
}

@media (min-width:1440px),
(min-width:980px) and (min-aspect-ratio:10/11) {

    .modal--split-animate--up.animation--modal-in,
    .modal--split-animate--up.animation--modal-in .modal__background,
    .modal--split-animate--up.animation--modal-in .modal__content,
    .modal--split-animate--up.animation--modal-out,
    .modal--split-animate--up.animation--modal-out .modal__background,
    .modal--split-animate--up.animation--modal-out .modal__content {
        transition-duration: .8s;
        transition-property: transform, clip-path, opacity;
        transition-timing-function: cubic-bezier(.25, .74, .22, .99)
    }

    .modal--split-animate--up.animation--modal-in .modal__content,
    .modal--split-animate--up.animation--modal-out .modal__content {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }

    .modal--split-animate--up.animation--modal-in.animation--modal-in--inactive .modal__content,
    .modal--split-animate--up.animation--modal-in.animation--modal-out--active .modal__content,
    .modal--split-animate--up.animation--modal-out.animation--modal-in--inactive .modal__content,
    .modal--split-animate--up.animation--modal-out.animation--modal-out--active .modal__content {
        clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%)
    }

    .modal--split-animate--up.animation--modal-in.animation--modal-in--inactive .modal__background,
    .modal--split-animate--up.animation--modal-in.animation--modal-out--active .modal__background,
    .modal--split-animate--up.animation--modal-out.animation--modal-in--inactive .modal__background,
    .modal--split-animate--up.animation--modal-out.animation--modal-out--active .modal__background {
        opacity: 0
    }
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {

    .modal--split-animate--up.animation--modal-in,
    .modal--split-animate--up.animation--modal-in .modal__scroller,
    .modal--split-animate--up.animation--modal-out,
    .modal--split-animate--up.animation--modal-out .modal__scroller {
        transition-duration: .8s;
        transition-property: opacity, transform;
        transition-timing-function: cubic-bezier(.25, .74, .22, .99)
    }

    .modal--split-animate--up.animation--modal-in .modal__scroller,
    .modal--split-animate--up.animation--modal-out .modal__scroller {
        opacity: 1
    }

    .modal--split-animate--up.animation--modal-in.animation--modal-in--inactive .modal__scroller,
    .modal--split-animate--up.animation--modal-in.animation--modal-out--active .modal__scroller,
    .modal--split-animate--up.animation--modal-out.animation--modal-in--inactive .modal__scroller,
    .modal--split-animate--up.animation--modal-out.animation--modal-out--active .modal__scroller {
        opacity: 0
    }
}

.animation--modal-link-transition-in,
.animation--modal-link-transition-out {
    transition-property: border-color
}

.animation--modal-link-transition-in,
.animation--modal-link-transition-in .modal__background,
.animation--modal-link-transition-out,
.animation--modal-link-transition-out .modal__background {
    transition-property: opacity
}

.animation--modal-link-transition-in--active .modal__background,
.animation--modal-link-transition-out--inactive .modal__background {
    opacity: 1
}

.cookie-consent {
    bottom: calc((var(--scale-px) * 10) + env(safe-area-inset-bottom));
    height: auto;
    left: calc(var(--scale-px) * 10);
    overflow: hidden;
    position: fixed;
    right: calc(var(--scale-px) * 10);
    width: auto;
    z-index: 45
}

.cookie-consent__container {
    padding-bottom: var(--md, calc(var(--scale-px) * 20)) var(--n-md, calc(var(--scale-px) * 10));
    padding-top: var(--md, calc(var(--scale-px) * 20)) var(--n-md, calc(var(--scale-px) * 10))
}

.cookie-consent__description .btn {
    vertical-align: baseline
}

.cookie-consent--full .cookie-consent__description {
    padding-bottom: var(--md, calc(var(--scale-px) * 20)) var(--n-md, calc(var(--scale-px) * 10))
}

.cookie-consent--simple {
    align-items: center;
    bottom: var(--md, calc(var(--spacing) / 2)) var(--n-md, 0);
    display: var(--md, flex) var(--n-md, block);
    justify-content: center;
    left: 0;
    pointer-events: none;
    right: 0
}

.cookie-consent--simple .cookie-consent__container {
    align-items: center;
    border-radius: var(--md, calc(var(--scale-px) * 30)) var(--n-md, 0);
    border-top: 1px solid var(--t-line);
    display: flex;
    gap: var(--md, calc(var(--scale-px) * 40)) var(--n-md, calc(var(--scale-px) * 10));
    justify-content: space-between;
    padding: calc(var(--scale-px) * 10) calc(var(--scale-px) * 10) calc(var(--scale-px) * 10) calc(var(--scale-px) * 20);
    pointer-events: all
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9),
(min-width:668px) and (max-aspect-ratio:10/11),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .cookie-consent--simple .cookie-consent__container {
        border: 1px solid var(--t-line)
    }
}

.cookie-consent--simple .cookie-consent__description {
    align-items: var(--md, flex-start) var(--n-md, center);
    display: flex;
    flex-direction: var(--md, column) var(--n-md, row);
    flex-wrap: wrap;
    gap: calc(var(--scale-px) * 5) calc(var(--scale-px) * 3)
}

.cookie-consent--simple .cookie-consent__description__text {
    display: var(--md, block) var(--n-md, inline-block);
    opacity: .6
}

.form-control[readonly],
.readonly.form-control {
    pointer-events: none
}

.form-control--input input,
.form-control--select .form-control__content,
.form-control--select select,
.form-control--textarea textarea {
    background: transparent;
    border: 0;
    border-radius: 0;
    display: block;
    min-width: 0;
    padding: 0;
    width: 100%
}

.form-control--input .no-hover input,
.form-control--select .no-hover .form-control__content,
.form-control--select .no-hover select,
.form-control--textarea .no-hover textarea,
.no-hover .form-control--input input,
.no-hover .form-control--select .form-control__content,
.no-hover .form-control--select select,
.no-hover .form-control--textarea textarea {
    -webkit-appearance: none;
    border-radius: 0
}

.form-control--input input.readonly,
.form-control--input input[readonly],
.form-control--select .form-control__content[readonly],
.form-control--select .readonly.form-control__content,
.form-control--select select.readonly,
.form-control--select select[readonly],
.form-control--textarea textarea.readonly,
.form-control--textarea textarea[readonly] {
    box-shadow: none;
    pointer-events: none
}

.form-control--input input,
.form-control--select .form-control__content,
.form-control--select select,
.form-control--textarea textarea {
    outline: none;
    vertical-align: middle
}

.form-control--input input,
.form-control--input input:-webkit-autofill:first-line,
.form-control--select .form-control__content,
.form-control--select .form-control__content:-webkit-autofill:first-line,
.form-control--select select,
.form-control--select select:-webkit-autofill:first-line,
.form-control--textarea textarea,
.form-control--textarea textarea:-webkit-autofill:first-line {
    padding-bottom: calc(var(--scale-px) * 20)
}

.form-control--input input:-webkit-autofill,
.form-control--input input:-webkit-autofill:active,
.form-control--input input:-webkit-autofill:focus,
.form-control--input input:-webkit-autofill:hover,
.form-control--select .form-control__content:-webkit-autofill,
.form-control--select .form-control__content:-webkit-autofill:active,
.form-control--select .form-control__content:-webkit-autofill:focus,
.form-control--select .form-control__content:-webkit-autofill:hover,
.form-control--select select:-webkit-autofill,
.form-control--select select:-webkit-autofill:active,
.form-control--select select:-webkit-autofill:focus,
.form-control--select select:-webkit-autofill:hover,
.form-control--textarea textarea:-webkit-autofill,
.form-control--textarea textarea:-webkit-autofill:active,
.form-control--textarea textarea:-webkit-autofill:focus,
.form-control--textarea textarea:-webkit-autofill:hover {
    color: var(--t-text);
    -webkit-text-fill-color: var(--t-text);
    -webkit-transition: color .4s cubic-bezier(.25, .74, .22, .99), border-color .4s cubic-bezier(.25, .74, .22, .99), background-color 1ms ease-in-out 5000s !important;
    transition: color .4s cubic-bezier(.25, .74, .22, .99), border-color .4s cubic-bezier(.25, .74, .22, .99), background-color 1ms ease-in-out 5000s !important
}

.form-control--input input::-webkit-input-placeholder,
.form-control--select .form-control__content::-webkit-input-placeholder,
.form-control--select select::-webkit-input-placeholder,
.form-control--textarea textarea::-webkit-input-placeholder {
    color: var(--t-small);
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.form-control--input input::-moz-placeholder,
.form-control--select .form-control__content::-moz-placeholder,
.form-control--select select::-moz-placeholder,
.form-control--textarea textarea::-moz-placeholder {
    color: var(--t-small);
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.form-control--input input:-ms-input-placeholder,
.form-control--select .form-control__content:-ms-input-placeholder,
.form-control--select select:-ms-input-placeholder,
.form-control--textarea textarea:-ms-input-placeholder {
    color: var(--t-small);
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.form-control--input input:focus,
.form-control--select .form-control__content:focus,
.form-control--select select:focus,
.form-control--textarea textarea:focus {
    outline: none
}

.form-control--input Hide placeholder when focused .has-hover input:hover:focus::-webkit-input-placeholder,
.form-control--input input:focus::-webkit-input-placeholder,
.form-control--select .form-control__content:focus::-webkit-input-placeholder,
.form-control--select Hide placeholder when focused .has-hover .form-control__content:hover:focus::-webkit-input-placeholder,
.form-control--select Hide placeholder when focused .has-hover select:hover:focus::-webkit-input-placeholder,
.form-control--select select:focus::-webkit-input-placeholder,
.form-control--textarea Hide placeholder when focused .has-hover textarea:hover:focus::-webkit-input-placeholder,
.form-control--textarea textarea:focus::-webkit-input-placeholder,
Hide placeholder when focused .has-hover .form-control--input input:hover:focus::-webkit-input-placeholder,
Hide placeholder when focused .has-hover .form-control--select .form-control__content:hover:focus::-webkit-input-placeholder,
Hide placeholder when focused .has-hover .form-control--select select:hover:focus::-webkit-input-placeholder,
Hide placeholder when focused .has-hover .form-control--textarea textarea:hover:focus::-webkit-input-placeholder {
    color: transparent
}

.form-control--input Hide placeholder when focused .has-hover input:hover:focus::-moz-placeholder,
.form-control--input input:focus::-moz-placeholder,
.form-control--select .form-control__content:focus::-moz-placeholder,
.form-control--select Hide placeholder when focused .has-hover .form-control__content:hover:focus::-moz-placeholder,
.form-control--select Hide placeholder when focused .has-hover select:hover:focus::-moz-placeholder,
.form-control--select select:focus::-moz-placeholder,
.form-control--textarea Hide placeholder when focused .has-hover textarea:hover:focus::-moz-placeholder,
.form-control--textarea textarea:focus::-moz-placeholder,
Hide placeholder when focused .has-hover .form-control--input input:hover:focus::-moz-placeholder,
Hide placeholder when focused .has-hover .form-control--select .form-control__content:hover:focus::-moz-placeholder,
Hide placeholder when focused .has-hover .form-control--select select:hover:focus::-moz-placeholder,
Hide placeholder when focused .has-hover .form-control--textarea textarea:hover:focus::-moz-placeholder {
    color: transparent
}

.form-control--input Hide placeholder when focused .has-hover input:hover:focus:-ms-input-placeholder,
.form-control--input input:focus:-ms-input-placeholder,
.form-control--select .form-control__content:focus:-ms-input-placeholder,
.form-control--select Hide placeholder when focused .has-hover .form-control__content:hover:focus:-ms-input-placeholder,
.form-control--select Hide placeholder when focused .has-hover select:hover:focus:-ms-input-placeholder,
.form-control--select select:focus:-ms-input-placeholder,
.form-control--textarea Hide placeholder when focused .has-hover textarea:hover:focus:-ms-input-placeholder,
.form-control--textarea textarea:focus:-ms-input-placeholder,
Hide placeholder when focused .has-hover .form-control--input input:hover:focus:-ms-input-placeholder,
Hide placeholder when focused .has-hover .form-control--select .form-control__content:hover:focus:-ms-input-placeholder,
Hide placeholder when focused .has-hover .form-control--select select:hover:focus:-ms-input-placeholder,
Hide placeholder when focused .has-hover .form-control--textarea textarea:hover:focus:-ms-input-placeholder {
    color: transparent
}

.form-control--input input,
.form-control--select .form-control__content,
.form-control--select select,
.form-control--textarea textarea {
    transition-property: color, background-color, border-color
}

.form-control--input input:invalid,
.form-control--select .form-control__content:invalid,
.form-control--select select:invalid,
.form-control--textarea textarea:invalid {
    box-shadow: none
}

.form-control--input input::-ms-clear,
.form-control--select .form-control__content::-ms-clear,
.form-control--select select::-ms-clear,
.form-control--textarea textarea::-ms-clear {
    display: none
}

::-webkit-credentials-auto-fill-button {
    pointer-events: none;
    position: absolute;
    right: 0;
    visibility: hidden
}

::-ms-reveal {
    display: none
}

.form-label {
    display: block;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

input[disabled]+.form-label,
select[disabled]+.form-label,
textarea[disabled]+.form-label {
    opacity: .5
}

.form-label:before {
    content: ""
}

.form-control--float {
    position: relative
}

.form-control--float .form-label {
    left: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    text-overflow: ellipsis;
    top: 0;
    transform: translateY(-10px);
    transform-origin: 0 0;
    transition-property: opacity, color, transform;
    white-space: nowrap;
    width: auto
}

.form-control--float :is(input, textarea):is(:focus, :not(:-moz-placeholder), :autofill)~.form-label {
    opacity: 1;
    transform: translateY(-28px)
}

.form-control--float :is(input, textarea):is(:focus, :not(:placeholder-shown), :-webkit-autofill)~.form-label {
    opacity: 1;
    transform: translateY(-28px)
}

.form-control--float :is(input, textarea):is(:focus, :not(:placeholder-shown), :autofill)~.form-label,
.form-control--float.is-focused:not(.form-control--select) .form-label,
.form-control--float.is-not-empty .form-label {
    opacity: 1;
    transform: translateY(-28px)
}

.form-group {
    margin-bottom: var(--xxxl, calc(var(--spacing) / 2)) var(--n-xxxl, var(--md, calc(var(--scale-px) * 24)) var(--n-md, var(--spacing)));
    margin-top: var(--xxxl, calc(var(--spacing) / 2)) var(--n-xxxl, var(--md, calc(var(--scale-px) * 24)) var(--n-md, var(--spacing)))
}

.form-group:where(:first-child) {
    margin-top: 0
}

.form-group:where(:last-child) {
    margin-bottom: 0
}

:is(.sr-only, input[hidden])+.form-group {
    margin-top: 0
}

.form-group-large {
    margin-bottom: var(--xxxl, calc(var(--spacing) / 60 * 40)) var(--n-xxxl, var(--md, calc(var(--scale-px) * 40)) var(--n-md, calc(var(--scale-px) * 30)));
    margin-top: var(--xxxl, calc(var(--spacing) / 60 * 40)) var(--n-xxxl, var(--md, calc(var(--scale-px) * 40)) var(--n-md, calc(var(--scale-px) * 30)))
}

.form-group-large:where(:first-child) {
    margin-top: 0
}

.form-group-large:where(:last-child) {
    margin-bottom: 0
}

.form-control__error,
.form-control__success {
    color: var(--t-heading);
    opacity: 0;
    overflow: visible !important;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: calc(var(--scale-px) * 16);
    transform: translateY(-50%);
    transition-property: opacity
}

.form-control__error {
    color: var(--c-error)
}

.ui-light .form-control__error {
    color: var(--t-text)
}

.form-control--error input {
    padding-right: calc(var(--scale-px) * 32)
}

.form-control--error .form-control__error {
    opacity: 1
}

.is-not-empty:not(.form-control--error) input {
    padding-right: calc(var(--scale-px) * 32)
}

.is-not-empty:not(.form-control--error) .form-control__success {
    opacity: 1
}

.form-control--input.form-control--select--opened .form-control__fake-input {
    background-color: var(--t-background);
    border-color: rgba(var(--t-text-rgb), .1);
    border-radius: calc(var(--scale-px) * 20) calc(var(--scale-px) * 20) 0 0
}

.form-control--input input[type=number]::-webkit-inner-spin-button,
.form-control--input input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.form-control--input input[type=password],
.form-control--input[data-type=password] input {
    text-transform: none !important
}

.form-control--textarea textarea {
    resize: vertical;
    text-transform: none !important
}

.form-control--select select {
    -webkit-appearance: menulist-button
}

.form-control-checkbox {
    --checkbox-height: calc(var(--scale-px) * 20);
    align-items: center;
    display: flex
}

.form-control-checkbox input {
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    position: absolute
}

.form-control-checkbox__icon,
.form-control-checkbox__label {
    cursor: pointer;
    min-height: var(--checkbox-height);
    position: relative
}

.form-control-checkbox__icon:after,
.form-control-checkbox__label:after {
    bottom: -10px;
    content: "";
    display: block;
    left: -5px;
    position: absolute;
    right: -5px;
    top: -10px
}

.form-control-checkbox__label-text {
    display: inline-block
}

.form-control-checkbox__icon {
    background: transparent;
    border: 1px solid var(--t-primary);
    border-radius: calc(var(--scale-px) * 2);
    flex-shrink: 0;
    height: var(--checkbox-height);
    transition-property: border-color;
    width: var(--checkbox-height)
}

.form-control-checkbox__icon:before {
    background: url(/assets/images/common/checkbox.svg);
    background-size: cover;
    content: "";
    display: block;
    height: var(--checkbox-height);
    left: -1px;
    opacity: 0;
    position: absolute;
    top: -1px;
    transition-property: opacity;
    width: var(--checkbox-height)
}

.form-control-checkbox__label {
    flex-grow: 1;
    padding: 0 0 0 calc(var(--scale-px) * 10)
}

input[disabled]~.form-control-checkbox__icon,
input[disabled]~.form-control-checkbox__label {
    opacity: .5;
    pointer-events: none
}

input:checked~.form-control-checkbox__icon:before {
    opacity: 1
}

input:focus-visible~.form-control-checkbox__icon {
    box-shadow: 0 0 0 2px var(--t-text)
}

.form-control-checkbox a {
    position: relative;
    z-index: 1
}

.has-error .form-control-checkbox__icon {
    border-color: var(--c-error)
}

.has-error .form-control-checkbox__label {
    color: var(--c-error)
}

.form-control-radio {
    --radio-height: calc(var(--scale-px) * 20);
    align-items: center;
    display: flex
}

.form-control-radio input {
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    position: absolute
}

.form-control-radio__icon,
.form-control-radio__label {
    cursor: pointer;
    min-height: var(--radio-height);
    position: relative
}

.form-control-radio__icon:after,
.form-control-radio__label:after {
    bottom: -10px;
    content: "";
    display: block;
    left: -5px;
    position: absolute;
    right: -5px;
    top: -10px
}

.form-control-radio__label-text {
    display: inline-block
}

.form-control-radio__icon {
    background: transparent;
    border: 1px solid var(--t-line);
    border-radius: 50%;
    flex-shrink: 0;
    height: var(--radio-height);
    margin-right: calc(var(--scale-px) * 10);
    overflow: hidden;
    transition-property: border-color, color;
    width: var(--radio-height)
}

.form-control-radio__icon:before {
    border: calc(var(--scale-px) * 7) solid var(--t-primary);
    border-radius: 50%;
    content: "";
    display: block;
    height: var(--radio-height);
    left: -1px;
    opacity: 0;
    position: absolute;
    top: -1px;
    transition-property: opacity;
    width: var(--radio-height)
}

input[disabled]~.form-control-radio__icon,
input[disabled]~.form-control-radio__label {
    opacity: .5;
    pointer-events: none
}

input:checked~.form-control-radio__icon:before {
    opacity: 1
}

input:focus-visible~.form-control-radio__icon {
    box-shadow: 0 0 0 2px var(--t-text)
}

.form-control-radio a {
    position: relative;
    z-index: 1
}

.has-error .form-control-radio__icon {
    border-color: var(--c-error)
}

.has-error .form-control-radio__label {
    color: var(--c-error)
}

.form-control--select {
    position: relative
}

.form-control--select .form-control__close {
    cursor: pointer;
    display: none;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 10
}

.form-control--select .form-control__content {
    align-items: flex-end;
    display: flex;
    min-height: var(--md, calc(var(--scale-px) * 45)) var(--n-md, calc(var(--scale-px) * 40))
}

.form-control--select .form-control__arrow {
    color: var(--t-text);
    position: absolute;
    right: 0;
    top: calc(var(--scale-px) * 14);
    transform: translateY(-50%) rotate(180deg);
    transform-origin: 50% 50%;
    transition-property: transform
}

.form-control--select select {
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.form-control--select .form-label {
    cursor: pointer;
    pointer-events: all
}

.form-control--select select.readonly~.form-label {
    cursor: default
}

.form-control--select--with-icons .form-control__fake-input {
    position: relative
}

.form-control--select--with-icons .form-control__fake-input img {
    height: var(--md, calc(var(--scale-px) * 30)) var(--n-md, calc(var(--scale-px) * 20));
    left: var(--md, calc(var(--scale-px) * 30)) var(--n-md, calc(var(--scale-px) * 20));
    margin-right: calc(var(--scale-px) * 20);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: var(--md, calc(var(--scale-px) * 30)) var(--n-md, calc(var(--scale-px) * 20))
}

.form-control--select.form-control--select--opened .form-control__fake-input {
    position: relative;
    z-index: 6
}

.form-control--select.form-control--select--opened .form-control__arrow {
    z-index: 6
}

.form-control--select.is-focused .form-control__arrow {
    cursor: pointer;
    transform: translateY(-50%) rotate(0)
}

.form-control--select.is-focused .form-control__arrow:after {
    bottom: -5px;
    content: "";
    display: block;
    left: -5px;
    position: absolute;
    right: -5px;
    top: -5px
}

.form-control--select.form-control--select--opened .form-control__close {
    display: block
}

.form-control--select--with-dropdown.fselect {
    left: -9000px;
    opacity: 0
}

.form-control--with-label.form-control--select--opened .form-control__fake-input {
    position: static;
    z-index: 0
}

.form-control--with-label.form-control--select--opened .form-control__arrow {
    z-index: 0
}

.form-control--with-search.form-control--select--opened .form-control__fake-input {
    position: static;
    z-index: 0
}

.select-dropdown {
    backdrop-filter: blur(10px);
    background: transparent;
    border: 1.5px solid var(--t-line);
    left: 0;
    padding: calc(var(--scale-px) * 27) calc(var(--scale-px) * 20) calc(var(--scale-px) * 14) calc(var(--scale-px) * 20);
    position: absolute;
    right: 0;
    top: var(--md, calc(var(--scale-px) * 45)) var(--n-md, calc(var(--scale-px) * 20));
    z-index: 2
}

.select-dropdown__search {
    position: relative
}

.select-dropdown__search svg {
    display: none
}

.select-dropdown__list {
    max-height: calc(var(--scale-px) * 270);
    overflow: hidden;
    position: relative
}

.no-hover .select-dropdown__list {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.select-dropdown__list ul {
    outline: none
}

.select-dropdown__list__group__title {
    display: block;
    padding: calc(var(--scale-px) * 5) 0 calc(var(--scale-px) * 10)
}

.select-dropdown__list__group:first-child .select-dropdown__list__group__title {
    padding-top: 0
}

.select-dropdown__list__group+.select-dropdown__list__group {
    margin-top: calc(var(--scale-px) * 20)
}

.select-dropdown__list__item {
    opacity: .5;
    position: relative;
    transition: opacity .4s cubic-bezier(.25, .74, .22, .99)
}

.select-dropdown__list__item a {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: calc(var(--scale-px) * 16);
    position: relative
}

.select-dropdown__list__item a:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath stroke='%23E0D1B6' stroke-width='1.5' d='M10.504.847 4.848 6.504 1 2.657'/%3E%3C/svg%3E") no-repeat 0 0;
    content: "";
    display: block;
    height: 8px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 12px
}

.has-hover .select-dropdown__list__item:hover,
.select-dropdown__list__item.is-active,
.select-dropdown__list__item.is-active a:after {
    opacity: 1
}

.select-dropdown__list.custom-scroll--disabled .custom-scroll__scrollbar {
    opacity: 0
}

.select-dropdown__button .btn {
    margin: calc(var(--scale-px) * 15) calc(var(--scale-px) * 20) calc(var(--scale-px) * 20)
}

.select-dropdown__empty {
    display: inline-block;
    padding: calc(var(--scale-px) * 30) calc(var(--scale-px) * 20) 0
}

.select-dropdown__empty:not(.is-hidden)+.select-dropdown__list {
    margin-top: 0;
    padding-top: 0
}

.select-dropdown .form-label {
    pointer-events: none
}

.select-dropdown--search {
    padding-top: calc(var(--scale-px) * 80)
}

.select-dropdown--search .select-dropdown__list__item small {
    color: var(--t-small);
    display: block
}

.form-control--with-label .select-dropdown {
    padding-top: calc(var(--scale-px) * 20)
}

.form-control--select--with-icons .select-dropdown {
    padding-top: 0
}

.form-control--select--with-icons .select-dropdown__list ul {
    padding-top: calc(var(--scale-px) * 10)
}

.form-control--select--country .select-dropdown,
.form-control--select--phone .select-dropdown {
    border-radius: var(--md, calc(var(--scale-px) * 20)) var(--n-md, calc(var(--scale-px) * 15));
    margin-top: var(--md, calc(var(--scale-px) * -80)) var(--n-md, calc(var(--scale-px) * -60));
    padding-top: 0
}

.form-control--select--country .select-dropdown input,
.form-control--select--phone .select-dropdown input {
    background-color: transparent;
    border: 0
}

.form-control--select--country .select-dropdown__search,
.form-control--select--phone .select-dropdown__search {
    position: relative
}

.form-control--select--country .select-dropdown__search:after,
.form-control--select--phone .select-dropdown__search:after {
    background-color: var(--t-line);
    content: "";
    display: block;
    height: 1px;
    left: calc(var(--scale-px) * -10);
    position: absolute;
    right: calc(var(--scale-px) * -10)
}

.form-control--select--country .select-dropdown__search .form-label {
    margin-left: var(--md, calc(var(--scale-px) * -10)) var(--n-md, 0)
}

.select-dropdown--proportions .select-dropdown__list__item a>img {
    border-radius: 0
}

.select-dropdown--pos-top {
    bottom: calc(var(--scale-px) * -10);
    box-shadow: 0 0 calc(var(--scale-px) * 40) rgba(var(--t-pure-black-rgb), .07);
    display: flex;
    flex-direction: column-reverse;
    top: auto
}

.form-control__password-toggle {
    bottom: 0;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0
}

.form-control__password-toggle__active {
    display: none
}

.form-control__password-toggle .icon.icon-example-password,
.form-control__password-toggle .icon.icon-example-password-hide {
    margin: 0
}

.form-control__password-toggle--active .form-control__password-toggle__inactive {
    display: none
}

.form-control__password-toggle--active .form-control__password-toggle__active {
    display: block
}

.form-control__line:before {
    border-bottom: 1px solid rgba(var(--t-text-rgb), .5);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    transition-duration: .4s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.form-control__line:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='5' fill='none'%3E%3Cpath stroke='%23E1C35B' d='M-14 2.5q4.716-3 9.432 0t9.433 0c4.716-3 6.288-2 9.432 0s6.289 2 9.433 0 6.288-2 9.432 0 6.288 2 9.433 0q4.716-3 9.432 0c4.716 3 6.288 2 9.432 0q4.717-3 9.433 0c4.716 3 6.288 2 9.432 0q4.717-3 9.433 0c4.716 3 6.288 2 9.432 0s6.288-2 9.433 0q4.716 3 9.432 0c4.716-3 6.288-2 9.432 0q4.717 3 9.433 0c4.716-3 6.288-2 9.432 0s6.289 2 9.433 0 6.288-2 9.432 0 6.289 2 9.433 0 6.288-2 9.432 0 6.288 2 9.433 0q4.716-3 9.432 0c4.716 3 6.288 2 9.432 0q4.717-3 9.433 0c4.716 3 6.288 2 9.432 0s6.289-2 9.433 0 6.288 2 9.432 0 6.288-2 9.433 0q4.716 3 9.432 0c4.716-3 6.288-2 9.432 0q4.717 3 9.433 0c4.716-3 6.288-2 9.432 0s6.289 2 9.433 0 6.288-2 9.432 0 6.288 2 9.433 0q4.716-3 9.432 0'/%3E%3C/svg%3E") repeat-x 0 0;
    bottom: -2px;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    right: 0
}

.ui-light .form-control__line:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='5' fill='none'%3E%3Cpath stroke='%23162D24' d='M-14 2.5q4.716-3 9.432 0t9.433 0c4.716-3 6.288-2 9.432 0s6.289 2 9.433 0 6.288-2 9.432 0 6.288 2 9.433 0q4.716-3 9.432 0c4.716 3 6.288 2 9.432 0q4.717-3 9.433 0c4.716 3 6.288 2 9.432 0q4.717-3 9.433 0c4.716 3 6.288 2 9.432 0s6.288-2 9.433 0q4.716 3 9.432 0c4.716-3 6.288-2 9.432 0q4.717 3 9.433 0c4.716-3 6.288-2 9.432 0s6.289 2 9.433 0 6.288-2 9.432 0 6.289 2 9.433 0 6.288-2 9.432 0 6.288 2 9.433 0q4.716-3 9.432 0c4.716 3 6.288 2 9.432 0q4.717-3 9.433 0c4.716 3 6.288 2 9.432 0s6.289-2 9.433 0 6.288 2 9.432 0 6.288-2 9.433 0q4.716 3 9.432 0c4.716-3 6.288-2 9.432 0q4.717 3 9.433 0c4.716-3 6.288-2 9.432 0s6.289 2 9.433 0 6.288-2 9.432 0 6.288 2 9.433 0q4.716-3 9.432 0'/%3E%3C/svg%3E") repeat-x 0 0
}

.form-control__progress {
    border-bottom: 1px solid var(--t-text);
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    transform: scaleX(0);
    transform-origin: 0 0;
    transition-property: transform;
    width: 100%
}

.form-control.is-focused .form-control__progress,
.form-control.is-not-empty .form-control__progress,
.has-hover .form-control:hover .form-control__progress,
.has-hover .form-control:hover.is-focused .form-control__progress,
.has-hover .form-control:hover.is-not-empty .form-control__progress {
    transform: scaleX(1)
}

.form-control--error .form-control__progress {
    transform: scaleX(0) !important
}

.form-control--error .form-control__line:before,
.form-control:not(.form-control--error) .form-control__line:after {
    opacity: 0 !important
}

.form-control-range-label {
    padding-bottom: 1em
}

.form-control-range-container {
    border-radius: 30px;
    box-shadow: inset 0 0 0 1.5px var(--t-line);
    padding: calc(var(--scale-px) * 1) calc(var(--scale-px) * 18);
    position: relative;
    transition-duration: .4s;
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.has-hover .form-control-range-container:hover {
    box-shadow: inset 0 0 0 1.5px rgba(var(--t-heading-rgb), .6)
}

.form-control-range {
    --range-line-height: 1.5px;
    --range-size-width: calc(var(--scale-px) * 12);
    --range-size-height: calc(var(--scale-px) * 12);
    --range-color: var(--t-text);
    --range-color-focused: var(--t-primary);
    bottom: calc(var(--range-size-height) / -2);
    height: var(--range-size-height);
    left: var(--md, calc(var(--scale-px) * 28)) var(--n-md, calc(var(--scale-px) * 20));
    margin-right: var(--range-size-width);
    position: absolute;
    right: var(--md, calc(var(--scale-px) * 28)) var(--n-md, calc(var(--scale-px) * 20));
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.form-control-range__connector,
.form-control-range__handle {
    height: 100%
}

.form-control-range__label {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.form-control-range__percent {
    align-items: baseline;
    display: flex;
    position: absolute;
    right: calc(var(--spacing) * 2);
    top: 50%;
    transform: translateY(-50%)
}

.form-control-range__connector {
    height: var(--range-line-height);
    left: 0;
    position: absolute;
    top: calc(50% - var(--range-line-height) / 2);
    transform-origin: left top;
    width: 100%
}

.form-control-range__connector~.form-control-range__connector {
    background: var(--range-color);
    height: var(--range-line-height);
    opacity: 1;
    top: calc(50% - var(--range-line-height))
}

.form-control-range__handle {
    bottom: 0;
    left: 0;
    outline: none;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 1
}

.form-control-range__handle__pin {
    background: var(--range-color);
    border: 1px solid var(--range-color);
    border-radius: calc(var(--scale-px) * 10);
    cursor: pointer;
    display: block;
    height: var(--range-size-height);
    pointer-events: all;
    position: relative;
    transition-property: transform, border-color;
    width: var(--range-size-width)
}

.form-control-range__handle__pin:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none'%3E%3Cpath stroke='%23101E27' stroke-linejoin='bevel' stroke-width='1.5' d='M3.7 8.5 6.5 5 3.7 1.5'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: calc(var(--scale-px) * 8);
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(180deg);
    width: calc(var(--scale-px) * 5);
    z-index: 1
}

.form-control-range--single .form-control-range__handle__pin:before {
    display: none
}

.has-hover .form-control-range__handle__pin:hover {
    transform: scale(1.2)
}

.form-control-range__handle.is-focused .form-control-range__handle__pin {
    border-color: var(--range-color-focused)
}

.form-control-range .group__fill {
    width: 50%
}

.form-control-range__handle~.form-control-range__handle .form-control-range__handle__pin:before {
    transform: translate(-50%, -50%) rotate(0deg)
}

.form-control-range--single .form-control-range__connector {
    background: var(--range-color);
    height: var(--range-line-height);
    opacity: 1;
    top: calc(50% - var(--range-line-height))
}

.form-control--range {
    flex-grow: 0;
    padding-left: calc(var(--scale-px) * 32);
    position: relative;
    width: 50%
}

[lang=en] .form-control--range {
    padding-left: 0
}

.form-control--range--single {
    padding-left: 0 !important;
    width: 100%
}

.form-control--range .form-label {
    color: var(--t-small);
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) !important
}

[lang=en] .form-control--range .form-label {
    display: none
}

.form-control--range input {
    border: none;
    font-family: TT Commons Pro, Helvetica, Arial, sans-serif;
    font-weight: 500;
    min-height: var(--lg, calc(var(--scale-px) * 60)) var(--n-lg, calc(var(--scale-px) * 40));
    padding: 0;
    --fos: -0.175em;
    --foe: -0.125em;
    font-size: calc(var(--scale-text-rem) * 1.2);
    --lh: 1.5em;
    letter-spacing: .08em;
    line-height: var(--lh);
    text-transform: uppercase
}

.is-win .form-control--range input {
    --fos: -0.175em;
    --foe: -0.125em
}

.form-control--range input.news-modal__title,
[lang=en] .form-control--range input:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn) {
    line-height: calc(var(--lh) + .2em)
}

.form-control--range+.form-control--range:before {
    border-left: 1px solid var(--t-line);
    bottom: 0;
    content: "";
    left: calc(var(--scale-px) * -15);
    position: absolute;
    top: 0
}

.grecaptcha-badge,
.smart-captcha_invisible {
    display: none !important
}

.form-footer {
    margin-bottom: var(--md, var(--spacing)) var(--n-md, calc(var(--spacing) * 2));
    margin-top: var(--md, var(--spacing)) var(--n-md, calc(var(--spacing) * 2))
}

.form-footer:where(:first-child) {
    margin-top: 0
}

.form-footer:where(:last-child) {
    margin-bottom: 0
}

.error-message {
    color: #fcb467;
    text-transform: none
}

.flats-subscribe .error-message {
    font-family: TT Commons Pro, Helvetica, Arial, sans-serif;
    font-weight: 500;
    --fos: -0.175em;
    --foe: -0.125em;
    font-size: calc(var(--scale-text-rem) * 1);
    --lh: 1.4em;
    color: var(--c-olive);
    letter-spacing: .08em;
    line-height: var(--lh);
    text-transform: uppercase;
    width: 32%
}

.is-win .flats-subscribe .error-message {
    --fos: -0.175em;
    --foe: -0.125em
}

.flats-subscribe .error-message.news-modal__title,
[lang=en] .flats-subscribe .error-message:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn) {
    line-height: calc(var(--lh) + .2em)
}

@media (min-width:1440px),
(min-width:980px) and (min-aspect-ratio:10/11) {
    .flats-subscribe .error-message {
        bottom: 25%;
        position: absolute
    }
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {
    .flats-subscribe .error-message {
        margin-bottom: calc(var(--spacing) * 2);
        position: relative;
        width: 100%
    }
}

div.error,
label.error {
    color: var(--c-error);
    display: block;
    font-family: TT Commons Pro, Helvetica, Arial, sans-serif;
    font-weight: 500;
    margin-top: calc(var(--scale-px) * 12);
    text-transform: none;
    --fos: -0.175em;
    --foe: -0.125em;
    font-size: calc(var(--scale-text-rem) * 1);
    --lh: 1.4em;
    letter-spacing: .08em;
    line-height: var(--lh);
    text-transform: uppercase;
    transform: translateY(0);
    transition: transform .4s cubic-bezier(.25, .74, .22, .99)
}

.is-win div.error,
.is-win label.error {
    --fos: -0.175em;
    --foe: -0.125em
}

[lang=en] div.error:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn),
[lang=en] label.error:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn),
div.error.news-modal__title,
label.error.news-modal__title {
    line-height: calc(var(--lh) + .2em)
}

.ui-light div.error,
.ui-light label.error {
    color: var(--t-text)
}

.form-control--error input,
.form-control--error textarea {
    border-color: var(--t-text)
}

.tooltip {
    --tooltip-direction-x: 0;
    --tooltip-direction-y: -1;
    bottom: 100%;
    left: 50%;
    margin-bottom: var(--tooltip-distance);
    pointer-events: none;
    position: absolute;
    transform: translateX(-50%);
    width: -moz-max-content;
    width: max-content
}

.tooltip__content {
    background: var(--tooltip-background);
    border-radius: var(--tooltip-border-radius);
    box-shadow: var(--tooltip-shadow);
    color: var(--tooltip-color);
    padding: var(--tooltip-padding);
    position: relative
}

@media (min-width:1200px) and (min-height:500px) and (min-aspect-ratio:10/11),
(min-width:1440px) and (min-height:700px) {
    .tooltip__content {
        max-width: calc(var(--scale-px) * 266)
    }
}

.tooltip__content p {
    backface-visibility: hidden
}

.tooltip__content .tooltip__mobile-link {
    padding-bottom: 20px
}

.tooltip__content .tooltip__mobile-link .btn__content {
    justify-content: space-between
}

.tooltip__content .tooltip__mobile-link:not(:last-of-type) {
    border-bottom: 1px solid var(--t-line);
    margin-bottom: 20px
}

.tooltip__close {
    position: absolute;
    right: calc(var(--scale-px) * 20);
    top: calc(var(--scale-px) * 20)
}

.tooltip__triangle {
    border-color: var(--tooltip-arrow-background) transparent transparent transparent;
    border-style: solid;
    border-width: var(--tooltip-arrow-height) calc(var(--tooltip-arrow-width) / 2) 0 calc(var(--tooltip-arrow-width) / 2);
    height: 0;
    left: 50%;
    position: absolute;
    top: 100%;
    transform: translateX(-50%);
    transform-origin: 50% 0;
    width: 0;
    z-index: 1
}

.tooltip[data-side] {
    bottom: auto;
    left: 0;
    margin-top: calc(var(--tooltip-distance) * -1);
    top: 0;
    transform: none;
    z-index: 2
}

.tooltip[data-side] .tooltip__triangle {
    left: auto;
    top: auto;
    transform: none
}

.tooltip[data-side=bottom] {
    --tooltip-direction-y: 1;
    margin-top: var(--tooltip-distance)
}

.tooltip[data-side=left] {
    --tooltip-direction-y: 0;
    --tooltip-direction-x: -1;
    margin-left: calc(var(--tooltip-distance) * -1);
    margin-top: 0
}

.tooltip[data-side=right] {
    --tooltip-direction-y: 0;
    --tooltip-direction-x: 1;
    margin-left: calc(var(--tooltip-distance));
    margin-top: 0
}

.tooltip--interactive {
    pointer-events: unset;
    z-index: 47
}

.tooltip--interactive:before {
    content: "";
    inset: calc(var(--tooltip-distance) * -1);
    position: absolute
}

.tooltip {
    opacity: 0;
    transition-property: visibility, opacity;
    visibility: hidden
}

.tooltip__animation {
    transform: translate(calc(var(--tooltip-animation-distance) * var(--tooltip-direction-x)), calc(var(--tooltip-animation-distance) * var(--tooltip-direction-y)));
    transition-property: transform
}

.has-hover [data-plugin~=tooltip]:hover .tooltip:not([data-side]),
.has-hover [data-plugin~=tooltip]:hover+.tooltip:not([data-side]),
.tooltip--interactive:not(.tooltip--closable):hover,
.tooltip--visible,
[data-plugin~=tooltip]:focus-visible .tooltip:not([data-side]),
[data-plugin~=tooltip]:focus-visible+.tooltip:not([data-side]) {
    opacity: 1;
    visibility: visible
}

.has-hover [data-plugin~=tooltip]:hover .tooltip:not([data-side]) .tooltip__animation,
.has-hover [data-plugin~=tooltip]:hover+.tooltip:not([data-side]) .tooltip__animation,
.tooltip--interactive:not(.tooltip--closable):hover .tooltip__animation,
.tooltip--visible .tooltip__animation,
[data-plugin~=tooltip]:focus-visible .tooltip:not([data-side]) .tooltip__animation,
[data-plugin~=tooltip]:focus-visible+.tooltip:not([data-side]) .tooltip__animation {
    transform: translate(0)
}

.tooltip {
    --tooltip-background: var(--t-background);
    --tooltip-color: var(--t-text);
    --tooltip-arrow-width: calc(var(--scale-px) * 28);
    --tooltip-arrow-height: calc(var(--scale-px) * 8);
    --tooltip-arrow-background: var(--tooltip-background);
    --tooltip-distance: calc(var(--scale-px) * 15);
    --tooltip-animation-distance: calc(var(--scale-px) * -10);
    --tooltip-padding: calc(var(--scale-px) * 20);
    --tooltip-border-radius: 0;
    --tooltip-shadow: none
}

.tooltip--popover-corner {
    --tooltip-padding: calc(var(--scale-px) * 30);
    --tooltip-animation-distance: 0;
    --tooltip-distance: 0
}

.tooltip--popover-corner .tooltip__content {
    aspect-ratio: 24/34;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: none;
    width: calc(var(--grid-col) * 2)
}

.with-modal .tooltip--popover-corner .tooltip__content {
    opacity: 0;
    transition: opacity .2s ease
}

.tooltip--popover-corner .tooltip__content__info-item {
    gap: calc(var(--spacing) / 2)
}

.tooltip--popover-corner .tooltip__content__info-item:not(:last-of-type) {
    border-bottom: 1px solid var(--t-line);
    margin-bottom: calc(var(--scale-px) * 20);
    padding-bottom: calc(var(--scale-px) * 20)
}

.tooltip--popover-flat-corner {
    --tooltip-padding: 0;
    --tooltip-animation-distance: 0;
    --tooltip-distance: 0
}

.tooltip--popover-flat-corner .tooltip__content {
    min-width: calc(var(--scale-px) * 380)
}

[id*=floor-modal] .tooltip--popover-flat-corner .tooltip__content {
    min-width: var(--xxxl, calc(var(--scale-px) * 480)) var(--n-xxxl, calc(var(--scale-px) * 380))
}

.tooltip--popover-flat-corner li {
    list-style-type: none
}

.tooltip--feature {
    --tooltip-background: var(--c-dark-green);
    --tooltip-color: var(--c-beige);
    --tooltip-arrow-width: calc(var(--scale-px) * 10);
    --tooltip-arrow-height: calc(var(--scale-px) * 4);
    --tooltip-padding: calc(var(--scale-px) * 12)
}

.tooltip--feature,
.tooltip--feature .tooltip__animation,
.tooltip--feature .tooltip__content {
    border-radius: 20px
}

.tooltip--feature .tooltip__triangle {
    top: 3% !important
}

.tooltip--subscribe {
    --tooltip-background: rgba(var(--c-beige-rgb), 0.1);
    backdrop-filter: blur(15px);
    border-radius: 20px;
    z-index: 10
}

.tooltip--subscribe .tooltip__animation {
    border-radius: 20px
}

.tooltip--subscribe .tooltip__content {
    border-radius: 20px;
    padding: calc(var(--scale-px) * 20)
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {
    .tooltip--subscribe .tooltip__content {
        min-width: calc(var(--scale-px) * 260)
    }

    .tooltip--subscribe .tooltip__content .tooltip__content__text {
        font-family: TT Commons Pro, Helvetica, Arial, sans-serif;
        font-weight: 400;
        margin-bottom: calc(var(--scale-px) * 14);
        max-width: calc(var(--scale-px) * 139);
        --fos: -0.175em;
        --foe: -0.125em;
        font-size: calc(var(--scale-text-rem) * 1.2);
        --lh: 1.33333em;
        letter-spacing: 0;
        line-height: var(--lh)
    }

    .is-win .tooltip--subscribe .tooltip__content .tooltip__content__text {
        --fos: -0.175em;
        --foe: -0.125em
    }

    .tooltip--subscribe .tooltip__content .tooltip__content__text.news-modal__title,
    [lang=en] .tooltip--subscribe .tooltip__content .tooltip__content__text:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn) {
        line-height: calc(var(--lh) + .2em)
    }
}

.tooltip--sort {
    --tooltip-background: rgba(var(--c-beige-rgb), 0.1);
    z-index: 10 !important
}

.tooltip--sort .tooltip__content {
    padding: 20px
}

.tooltip--sort input[name=sort]:checked .btn--tooltip-link .btn__text {
    color: var(--t-text)
}

@media (min-width:1440px),
(min-width:980px) and (min-aspect-ratio:10/11) {
    .tooltip--sort {
        backdrop-filter: blur(15px)
    }

    .tooltip--sort,
    .tooltip--sort .tooltip__animation,
    .tooltip--sort .tooltip__content {
        border-radius: 20px
    }
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {
    .tooltip--sort {
        --tooltip-distance: 0;
        --tooltip-background: var(--c-beige-background) !important;
        --t-background: var(--c-beige-background);
        --t-background-rgb: var(--c-beige-background-rgb);
        --t-line: rgba(var(--c-dark-green-rgb), 0.2);
        --t-small: rgba(var(--c-dark-green-rgb), 0.4);
        --t-text: var(--c-dark-green);
        --t-text-rgb: var(--c-dark-green-rgb);
        --t-heading: var(--c-dark-green);
        --t-heading-rgb: var(--c-dark-green-rgb);
        --t-primary: var(--c-dark-green);
        --t-primary-rgb: var(--c-dark-green-rgb);
        --t-secondary: var(--c-green);
        --t-secondary-rgb: var(--c-green-rgb);
        --t-list-item-point: rgba(var(--c-dark-green-rgb), 0.4);
        --t-button-text: var(--c-beige);
        --t-button-text-rgb: var(--c-beige-rgb);
        --t-button-hover: var(--c-green);
        --t-button-hover-rgb: var(--c-green-rgb);
        --t-button-primary-text: var(--t-button-text);
        --t-button-primary-text-rgb: var(--t-button-text-rgb);
        --t-button-primary-background: var(--t-primary);
        --t-button-primary-background-rgb: var(--t-primary-rgb);
        --t-button-primary-hover-text: var(--t-button-text);
        --t-button-primary-hover-text-rgb: var(--t-button-text-rgb);
        --t-button-primary-hover-background: var(--t-secondary);
        --t-button-primary-hover-background-rgb: var(--t-secondary-rgb);
        --t-button-primary-active-text: var(--t-button-text);
        --t-button-primary-active-text-rgb: var(--t-button-text-rgb);
        --t-button-primary-active-background: var(--t-secondary);
        --t-button-primary-active-background-rgb: var(--t-secondary-rgb);
        --t-button-primary-disabled-text: var(--t-button-text);
        --t-button-primary-disabled-text-rgb: var(--t-button-text-rgb);
        --t-button-primary-disabled-background: rgba(var(--t-secondary-rgb), 0.4);
        --t-button-primary-active-hover-text: var(--t-button-text);
        --t-button-primary-active-hover-text-rgb: var(--t-button-text-rgb);
        --t-button-primary-active-hover-background: var(--t-secondary);
        --t-button-primary-active-hover-background-rgb: var(--t-secondary-rgb);
        --t-button-outline-active-text: var(--t-heading);
        --t-button-outline-active-text-rgb: var(--t-heading-rgb);
        --t-button-outline-active-background: transparent;
        --t-button-outline-active-border: var(--t-heading);
        --t-button-outline-active-border-rgb: var(--t-heading-rgb);
        --t-button-outline-active-hover-text: var(--t-heading);
        --t-button-outline-active-hover-text-rgb: var(--t-heading-rgb);
        --t-button-outline-active-hover-background: var(--c-button-hover-gradient-light);
        --t-button-outline-active-hover-background-rgb: var(--c-button-hover-gradient-light-rgb);
        --t-button-outline-active-hover-border: var(--t-heading);
        --t-button-outline-active-hover-border-rgb: var(--t-heading-rgb);
        --t-button-outline-active-disabled-text: rgba(var(--t-heading-rgb), 0.4);
        --t-button-outline-active-disabled-background: transparent;
        --t-button-outline-active-disabled-border: rgba(var(--t-heading-rgb), 0.1);
        --t-button-outline-active-active-text: var(--t-background);
        --t-button-outline-active-active-text-rgb: var(--t-background-rgb);
        --t-button-outline-active-active-background: var(--t-heading);
        --t-button-outline-active-active-background-rgb: var(--t-heading-rgb);
        --t-button-outline-active-active-border: var(--t-heading);
        --t-button-outline-active-active-border-rgb: var(--t-heading-rgb);
        --t-button-outline-active-active-hover-text: var(--t-background);
        --t-button-outline-active-active-hover-text-rgb: var(--t-background-rgb);
        --t-button-outline-active-active-hover-background: var(--t-heading);
        --t-button-outline-active-active-hover-background-rgb: var(--t-heading-rgb);
        --t-button-outline-active-active-hover-border: var(--t-heading);
        --t-button-outline-active-active-hover-border-rgb: var(--t-heading-rgb);
        --t-button-outline-text: var(--t-heading);
        --t-button-outline-text-rgb: var(--t-heading-rgb);
        --t-button-outline-background: transparent;
        --t-button-outline-border: var(--t-heading);
        --t-button-outline-border-rgb: var(--t-heading-rgb);
        --t-button-outline-hover-text: var(--t-heading);
        --t-button-outline-hover-text-rgb: var(--t-heading-rgb);
        --t-button-outline-hover-background: var(--c-button-hover-gradient-light);
        --t-button-outline-hover-background-rgb: var(--c-button-hover-gradient-light-rgb);
        --t-button-outline-hover-border: var(--t-heading);
        --t-button-outline-hover-border-rgb: var(--t-heading-rgb);
        --t-button-outline-disabled-text: rgba(var(--t-heading-rgb), 0.4);
        --t-button-outline-disabled-background: transparent;
        --t-button-outline-disabled-border: rgba(var(--t-heading-rgb), 0.1);
        --t-button-link-text: var(--t-heading);
        --t-button-link-text-rgb: var(--t-heading-rgb);
        --t-button-link-hover-text: var(--t-heading);
        --t-button-link-hover-text-rgb: var(--t-heading-rgb);
        --t-button-link-hover-border: var(--t-heading);
        --t-button-link-hover-border-rgb: var(--t-heading-rgb);
        --t-button-link-heading-text: var(--t-heading);
        --t-button-link-heading-text-rgb: var(--t-heading-rgb);
        --t-button-link-heading-border: rgba(var(--t-heading-rgb), 0.15);
        --t-button-link-heading-hover-text: var(--t-heading);
        --t-button-link-heading-hover-text-rgb: var(--t-heading-rgb);
        --t-button-link-heading-hover-border: var(--t-heading);
        --t-button-link-heading-hover-border-rgb: var(--t-heading-rgb);
        --t-button-tooltip-link-text: rgba(var(--t-text-rgb), 0.5);
        --t-button-tooltip-link-hover-text: var(--t-text);
        --t-button-tooltip-link-hover-text-rgb: var(--t-text-rgb);
        --t-button-tooltip-link-active-text: var(--t-text);
        --t-button-tooltip-link-active-text-rgb: var(--t-text-rgb);
        --t-button-disabled-text: rgba(var(--t-heading-rgb), 0.4);
        --t-button-disabled-background: transparent;
        --t-button-disabled-border: rgba(var(--t-heading-rgb), 0.1);
        --t-button-disabled-hover-text: rgba(var(--t-heading-rgb), 0.4);
        --t-button-disabled-hover-background: transparent;
        --t-button-disabled-hover-border: rgba(var(--t-heading-rgb), 0.1);
        --t-button-disabled-disabled-text: rgba(var(--t-heading-rgb), 0.4);
        --t-button-disabled-disabled-background: transparent;
        --t-button-disabled-disabled-border: rgba(var(--t-heading-rgb), 0.1);
        --t-button-tab-text: var(--t-heading);
        --t-button-tab-text-rgb: var(--t-heading-rgb);
        --t-button-tab-background: transparent;
        --t-button-tab-border: var(--t-line);
        --t-button-tab-border-rgb: var(--t-line-rgb);
        --t-button-tab-hover-text: var(--t-heading);
        --t-button-tab-hover-text-rgb: var(--t-heading-rgb);
        --t-button-tab-hover-background: var(--c-button-hover-gradient-dark);
        --t-button-tab-hover-background-rgb: var(--c-button-hover-gradient-dark-rgb);
        --t-button-tab-hover-border: var(--t-heading);
        --t-button-tab-hover-border-rgb: var(--t-heading-rgb);
        --t-button-tab-disabled-text: rgba(var(--t-heading-rgb), 0.4);
        --t-button-tab-disabled-background: transparent;
        --t-button-tab-disabled-border: rgba(var(--t-heading-rgb), 0.1);
        --t-button-tab-active-text: var(--t-heading);
        --t-button-tab-active-text-rgb: var(--t-heading-rgb);
        --t-button-tab-active-background: transparent;
        --t-button-tab-active-border: var(--t-heading);
        --t-button-tab-active-border-rgb: var(--t-heading-rgb);
        --t-link-default-normal: var(--t-primary);
        --t-link-default-normal-rgb: var(--t-primary-rgb);
        --t-link-default-hover: var(--t-heading);
        --t-link-default-hover-rgb: var(--t-heading-rgb);
        --t-link-default-active: var(--t-heading);
        --t-link-default-active-rgb: var(--t-heading-rgb);
        --t-link-text-normal: var(--t-text);
        --t-link-text-normal-rgb: var(--t-text-rgb);
        --t-link-text-hover: var(--t-primary);
        --t-link-text-hover-rgb: var(--t-primary-rgb);
        --t-link-text-active: var(--t-primary);
        --t-link-text-active-rgb: var(--t-primary-rgb);
        align-items: flex-end;
        background: rgba(var(--c-dark-green-rgb), .8);
        color: var(--t-text);
        display: flex;
        height: calc(100 * var(--dvh));
        left: 0;
        position: fixed;
        top: 0;
        transform: none !important;
        width: 100vw
    }

    .tooltip--sort .tooltip__group {
        border-top: 1px solid var(--t-line);
        display: flex;
        margin-bottom: calc(var(--spacing-layout) * 2)
    }

    .tooltip--sort .tooltip__group .col:not(:last-child) {
        border-right: 1px solid var(--t-line)
    }

    .tooltip--sort .tooltip__content-top {
        align-items: flex-start;
        display: flex;
        justify-content: space-between;
        width: 100%
    }

    .tooltip--sort .tooltip__background {
        background: rgba(var(--t-secondary-rgb), .2);
        display: block;
        height: 200lvh;
        left: 0;
        position: absolute;
        right: 0;
        top: calc(-100 * var(--lvh))
    }

    .tooltip--sort .tooltip__content {
        max-width: 100vw;
        padding-bottom: 30px;
        width: 100vw
    }
}

.tooltip--share {
    --tooltip-background: rgba(var(--c-beige-rgb), 0.1);
    backdrop-filter: blur(15px);
    min-width: 225px;
    z-index: 10
}

.tooltip--share,
.tooltip--share .tooltip__animation {
    border-radius: 20px
}

.tooltip--share .tooltip__group {
    display: flex
}

@media (min-width:1440px),
(min-width:980px) and (min-aspect-ratio:10/11) {
    .tooltip--share .tooltip__group {
        flex-direction: column;
        gap: calc(var(--scale-px) * 12)
    }
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {
    .tooltip--share .tooltip__group {
        border-top: 1px solid var(--t-line);
        display: flex;
        margin-bottom: calc(var(--spacing-layout) * 2)
    }

    .tooltip--share .tooltip__group .col:first-child {
        border-right: 1px solid var(--t-line)
    }

    .tooltip--share .tooltip__group .col:last-child {
        border-left: 1px solid var(--t-line)
    }
}

.tooltip--share .tooltip__content {
    border-radius: 20px;
    padding: calc(var(--scale-px) * 20)
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {
    .tooltip--share .tooltip__content {
        min-width: calc(var(--scale-px) * 260)
    }

    .tooltip--share .tooltip__content .tooltip__content__text {
        font-family: TT Commons Pro, Helvetica, Arial, sans-serif;
        font-weight: 400;
        margin-bottom: calc(var(--scale-px) * 14);
        max-width: calc(var(--scale-px) * 139);
        --fos: -0.175em;
        --foe: -0.125em;
        font-size: calc(var(--scale-text-rem) * 1.2);
        --lh: 1.33333em;
        letter-spacing: 0;
        line-height: var(--lh)
    }

    .is-win .tooltip--share .tooltip__content .tooltip__content__text {
        --fos: -0.175em;
        --foe: -0.125em
    }

    .tooltip--share .tooltip__content .tooltip__content__text.news-modal__title,
    [lang=en] .tooltip--share .tooltip__content .tooltip__content__text:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn) {
        line-height: calc(var(--lh) + .2em)
    }

    .tooltip--dark {
        --tooltip-background: var(--c-dark-green) !important;
        --tooltip-color: var(--c-beige) !important;
        --t-background: var(--c-dark-green);
        --t-background-rgb: var(--c-dark-green-rgb);
        --t-line: rgba(var(--c-beige-rgb), 0.2);
        --t-small: rgba(var(--c-beige-background-rgb), 0.5);
        --t-text: var(--c-beige);
        --t-text-rgb: var(--c-beige-rgb);
        --t-heading: var(--c-beige);
        --t-heading-rgb: var(--c-beige-rgb);
        --t-primary: var(--c-beige-background);
        --t-primary-rgb: var(--c-beige-background-rgb);
        --t-secondary: var(--c-beige);
        --t-secondary-rgb: var(--c-beige-rgb);
        --t-button-hover: var(--t-button-hover-dark);
        --t-button-hover-rgb: var(--t-button-hover-dark-rgb);
        --t-button-primary-text: var(--t-background);
        --t-button-primary-text-rgb: var(--t-background-rgb);
        --t-button-primary-background: var(--t-primary);
        --t-button-primary-background-rgb: var(--t-primary-rgb);
        --t-button-primary-hover-text: var(--t-background);
        --t-button-primary-hover-text-rgb: var(--t-background-rgb);
        --t-button-primary-hover-background: var(--t-heading);
        --t-button-primary-hover-background-rgb: var(--t-heading-rgb);
        --t-button-primary-active-text: var(--t-background);
        --t-button-primary-active-text-rgb: var(--t-background-rgb);
        --t-button-primary-active-background: var(--t-heading);
        --t-button-primary-active-background-rgb: var(--t-heading-rgb);
        --t-button-primary-active-hover-text: var(--t-background);
        --t-button-primary-active-hover-text-rgb: var(--t-background-rgb);
        --t-button-primary-active-hover-background: var(--t-heading);
        --t-button-primary-active-hover-background-rgb: var(--t-heading-rgb);
        --t-button-outline-text: var(--t-heading);
        --t-button-outline-text-rgb: var(--t-heading-rgb);
        --t-button-outline-background: transparent;
        --t-button-outline-border: var(--t-heading);
        --t-button-outline-border-rgb: var(--t-heading-rgb);
        --t-button-outline-hover-text: var(--t-heading);
        --t-button-outline-hover-text-rgb: var(--t-heading-rgb);
        --t-button-outline-hover-background: var(--c-button-hover-gradient-dark);
        --t-button-outline-hover-background-rgb: var(--c-button-hover-gradient-dark-rgb);
        --t-button-outline-hover-border: var(--t-heading);
        --t-button-outline-hover-border-rgb: var(--t-heading-rgb);
        --t-button-outline-disabled-text: rgba(var(--t-heading-rgb), 0.4);
        --t-button-outline-disabled-background: transparent;
        --t-button-outline-disabled-border: rgba(var(--t-heading-rgb), 0.1);
        --t-button-tab-text: var(--t-heading);
        --t-button-tab-text-rgb: var(--t-heading-rgb);
        --t-button-tab-background: transparent;
        --t-button-tab-border: var(--t-line);
        --t-button-tab-border-rgb: var(--t-line-rgb);
        --t-button-tab-hover-text: var(--t-heading);
        --t-button-tab-hover-text-rgb: var(--t-heading-rgb);
        --t-button-tab-hover-background: var(--c-button-hover-gradient-dark);
        --t-button-tab-hover-background-rgb: var(--c-button-hover-gradient-dark-rgb);
        --t-button-tab-hover-border: var(--t-heading);
        --t-button-tab-hover-border-rgb: var(--t-heading-rgb);
        --t-button-tab-disabled-text: rgba(var(--t-heading-rgb), 0.4);
        --t-button-tab-disabled-background: transparent;
        --t-button-tab-disabled-border: rgba(var(--t-heading-rgb), 0.1);
        --t-button-tab-active-text: var(--t-heading);
        --t-button-tab-active-text-rgb: var(--t-heading-rgb);
        --t-button-tab-active-background: transparent;
        --t-button-tab-active-border: var(--t-heading);
        --t-button-tab-active-border-rgb: var(--t-heading-rgb);
        --t-button-link-text: var(--t-text);
        --t-button-link-text-rgb: var(--t-text-rgb);
        --t-button-link-hover-text: var(--t-text);
        --t-button-link-hover-text-rgb: var(--t-text-rgb);
        --t-button-link-hover-border: var(--t-text);
        --t-button-link-hover-border-rgb: var(--t-text-rgb);
        color: var(--t-text)
    }
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.spinner {
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.spinner .icon {
    animation: spin 1s linear infinite
}

.ui-background,
body {
    background: var(--t-background)
}

.container,
.container-h,
.container-v {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--container-max-width);
    padding-left: var(--container-h-padding-left);
    padding-right: var(--container-h-padding-right);
    position: relative;
    width: 100%
}

.container-h:after,
.container-h:before,
.container-v:after,
.container-v:before,
.container:after,
.container:before {
    content: " ";
    display: table
}

.container,
.container-h,
.container-h-vars,
.container-v,
.container-v-vars,
.container-vars {
    --container-content-width: calc(min(var(--vw100), var(--container-max-width)) - var(--container-h-padding-left) - var(--container-h-padding-right))
}

:root {
    --container-max-width: var(--vw100);
    --container-content-width: var(--vw100);
    --container-h-padding-left: 0px;
    --container-h-padding-right: 0px
}

.container-h {
    padding-left: var(--spacing);
    padding-right: var(--spacing)
}

.container-v {
    padding-bottom: var(--md, var(--spacing)) var(--n-md, calc(var(--spacing) * 2));
    padding-top: var(--md, var(--spacing)) var(--n-md, calc(var(--spacing) * 2))
}

.container-h,
.container-h-vars {
    --container-h-padding-left-value: var(--spacing);
    --container-h-padding-left: var(--container-h-padding-left-value);
    --container-h-padding-right-value: var(--spacing);
    --container-h-padding-right: var(--container-h-padding-right-value)
}

@media print {

    .container .container,
    .container .container-h,
    .container .container-v {
        margin-left: 0;
        margin-right: 0;
        max-width: none;
        padding-left: 0;
        padding-right: 0
    }
}

.full-width {
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    position: relative;
    right: 50%;
    width: var(--vw100)
}

.row {
    display: flex;
    flex-wrap: wrap
}

.col {
    flex: 1;
    max-width: 100%
}

.col--xs-1 {
    flex: 0 1 25vw;
    width: 25vw
}

.offset--xs-1 {
    margin-left: 25vw
}

.col--xs-2 {
    flex: 0 1 50vw;
    width: 50vw
}

.offset--xs-2 {
    margin-left: 50vw
}

.col--xs-3 {
    flex: 0 1 75vw;
    width: 75vw
}

.offset--xs-3 {
    margin-left: 75vw
}

.col--xs-4 {
    flex: 0 1 100vw;
    width: 100vw
}

.offset--xs-4 {
    margin-left: 100vw
}

.col--xs-full {
    flex: 0 1 100%;
    width: 100%
}

.offset--xs-0 {
    margin-left: 0
}

.col--xs-auto {
    flex: 0 0 auto;
    width: auto
}

.col--xs-fill {
    flex: 1 1 auto;
    width: auto
}

.col--xs-fit {
    flex: 1;
    width: auto
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9),
(min-width:668px) and (max-aspect-ratio:10/11),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .col--md-1 {
        flex: 0 1 8.3333vw;
        width: 8.3333vw
    }

    .offset--md-1 {
        margin-left: 8.3333vw
    }

    .col--md-2 {
        flex: 0 1 16.6666vw;
        width: 16.6666vw
    }

    .offset--md-2 {
        margin-left: 16.6666vw
    }

    .col--md-3 {
        flex: 0 1 25vw;
        width: 25vw
    }

    .offset--md-3 {
        margin-left: 25vw
    }

    .col--md-4 {
        flex: 0 1 33.3333vw;
        width: 33.3333vw
    }

    .offset--md-4 {
        margin-left: 33.3333vw
    }

    .col--md-5 {
        flex: 0 1 41.6666vw;
        width: 41.6666vw
    }

    .offset--md-5 {
        margin-left: 41.6666vw
    }

    .col--md-6 {
        flex: 0 1 50vw;
        width: 50vw
    }

    .offset--md-6 {
        margin-left: 50vw
    }

    .col--md-7 {
        flex: 0 1 58.3333vw;
        width: 58.3333vw
    }

    .offset--md-7 {
        margin-left: 58.3333vw
    }

    .col--md-8 {
        flex: 0 1 66.6666vw;
        width: 66.6666vw
    }

    .offset--md-8 {
        margin-left: 66.6666vw
    }

    .col--md-9 {
        flex: 0 1 75vw;
        width: 75vw
    }

    .offset--md-9 {
        margin-left: 75vw
    }

    .col--md-10 {
        flex: 0 1 83.3333vw;
        width: 83.3333vw
    }

    .offset--md-10 {
        margin-left: 83.3333vw
    }

    .col--md-11 {
        flex: 0 1 91.6666vw;
        width: 91.6666vw
    }

    .offset--md-11 {
        margin-left: 91.6666vw
    }

    .col--md-12 {
        flex: 0 1 100vw;
        width: 100vw
    }

    .offset--md-12 {
        margin-left: 100vw
    }

    .col--md-full {
        flex: 0 1 100%;
        width: 100%
    }

    .offset--md-0 {
        margin-left: 0
    }

    .col--md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col--md-fill {
        flex: 1 1 auto;
        width: auto
    }

    .col--md-fit {
        flex: 1;
        width: auto
    }
}

@media (min-width:1440px),
(min-width:980px) and (min-aspect-ratio:10/11) {
    .col--lg-1 {
        flex: 0 1 8.3333vw;
        width: 8.3333vw
    }

    .offset--lg-1 {
        margin-left: 8.3333vw
    }

    .col--lg-2 {
        flex: 0 1 16.6666vw;
        width: 16.6666vw
    }

    .offset--lg-2 {
        margin-left: 16.6666vw
    }

    .col--lg-3 {
        flex: 0 1 25vw;
        width: 25vw
    }

    .offset--lg-3 {
        margin-left: 25vw
    }

    .col--lg-4 {
        flex: 0 1 33.3333vw;
        width: 33.3333vw
    }

    .offset--lg-4 {
        margin-left: 33.3333vw
    }

    .col--lg-5 {
        flex: 0 1 41.6666vw;
        width: 41.6666vw
    }

    .offset--lg-5 {
        margin-left: 41.6666vw
    }

    .col--lg-6 {
        flex: 0 1 50vw;
        width: 50vw
    }

    .offset--lg-6 {
        margin-left: 50vw
    }

    .col--lg-7 {
        flex: 0 1 58.3333vw;
        width: 58.3333vw
    }

    .offset--lg-7 {
        margin-left: 58.3333vw
    }

    .col--lg-8 {
        flex: 0 1 66.6666vw;
        width: 66.6666vw
    }

    .offset--lg-8 {
        margin-left: 66.6666vw
    }

    .col--lg-9 {
        flex: 0 1 75vw;
        width: 75vw
    }

    .offset--lg-9 {
        margin-left: 75vw
    }

    .col--lg-10 {
        flex: 0 1 83.3333vw;
        width: 83.3333vw
    }

    .offset--lg-10 {
        margin-left: 83.3333vw
    }

    .col--lg-11 {
        flex: 0 1 91.6666vw;
        width: 91.6666vw
    }

    .offset--lg-11 {
        margin-left: 91.6666vw
    }

    .col--lg-12 {
        flex: 0 1 100vw;
        width: 100vw
    }

    .offset--lg-12 {
        margin-left: 100vw
    }

    .col--lg-full {
        flex: 0 1 100%;
        width: 100%
    }

    .offset--lg-0 {
        margin-left: 0
    }

    .col--lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col--lg-fill {
        flex: 1 1 auto;
        width: auto
    }

    .col--lg-fit {
        flex: 1;
        width: auto
    }
}

@media (min-width:1920px) and (min-height:700px) {
    .col--xxxl-1 {
        flex: 0 1 8.3333vw;
        width: 8.3333vw
    }

    .offset--xxxl-1 {
        margin-left: 8.3333vw
    }

    .col--xxxl-2 {
        flex: 0 1 16.6666vw;
        width: 16.6666vw
    }

    .offset--xxxl-2 {
        margin-left: 16.6666vw
    }

    .col--xxxl-3 {
        flex: 0 1 25vw;
        width: 25vw
    }

    .offset--xxxl-3 {
        margin-left: 25vw
    }

    .col--xxxl-4 {
        flex: 0 1 33.3333vw;
        width: 33.3333vw
    }

    .offset--xxxl-4 {
        margin-left: 33.3333vw
    }

    .col--xxxl-5 {
        flex: 0 1 41.6666vw;
        width: 41.6666vw
    }

    .offset--xxxl-5 {
        margin-left: 41.6666vw
    }

    .col--xxxl-6 {
        flex: 0 1 50vw;
        width: 50vw
    }

    .offset--xxxl-6 {
        margin-left: 50vw
    }

    .col--xxxl-7 {
        flex: 0 1 58.3333vw;
        width: 58.3333vw
    }

    .offset--xxxl-7 {
        margin-left: 58.3333vw
    }

    .col--xxxl-8 {
        flex: 0 1 66.6666vw;
        width: 66.6666vw
    }

    .offset--xxxl-8 {
        margin-left: 66.6666vw
    }

    .col--xxxl-9 {
        flex: 0 1 75vw;
        width: 75vw
    }

    .offset--xxxl-9 {
        margin-left: 75vw
    }

    .col--xxxl-10 {
        flex: 0 1 83.3333vw;
        width: 83.3333vw
    }

    .offset--xxxl-10 {
        margin-left: 83.3333vw
    }

    .col--xxxl-11 {
        flex: 0 1 91.6666vw;
        width: 91.6666vw
    }

    .offset--xxxl-11 {
        margin-left: 91.6666vw
    }

    .col--xxxl-12 {
        flex: 0 1 100vw;
        width: 100vw
    }

    .offset--xxxl-12 {
        margin-left: 100vw
    }

    .col--xxxl-full {
        flex: 0 1 100%;
        width: 100%
    }

    .offset--xxxl-0 {
        margin-left: 0
    }

    .col--xxxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col--xxxl-fill {
        flex: 1 1 auto;
        width: auto
    }

    .col--xxxl-fit {
        flex: 1;
        width: auto
    }
}

.col--fill {
    flex-grow: 1
}

.col--no-shrink {
    flex-shrink: 0
}

.row--start-xs {
    justify-content: flex-start
}

.row--center-xs {
    justify-content: center
}

.row--end-xs {
    justify-content: flex-end
}

.row--top-xs {
    align-items: flex-start
}

.row--middle-xs {
    align-items: center
}

.row--bottom-xs {
    align-items: flex-end
}

.row--around-xs {
    justify-content: space-around
}

.row--between-xs {
    justify-content: space-between
}

.row .col--order-first-xs {
    order: -1
}

.row .col--order-normal-xs {
    order: 0
}

.row .col--order-last-xs {
    order: 1
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9),
(min-width:668px) and (max-aspect-ratio:10/11),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .row--start-md {
        justify-content: flex-start
    }

    .row--center-md {
        justify-content: center
    }

    .row--end-md {
        justify-content: flex-end
    }

    .row--top-md {
        align-items: flex-start
    }

    .row--middle-md {
        align-items: center
    }

    .row--bottom-md {
        align-items: flex-end
    }

    .row--around-md {
        justify-content: space-around
    }

    .row--between-md {
        justify-content: space-between
    }

    .row .col--order-first-md {
        order: -1
    }

    .row .col--order-normal-md {
        order: 0
    }

    .row .col--order-last-md {
        order: 1
    }
}

@media (min-width:1440px),
(min-width:980px) and (min-aspect-ratio:10/11) {
    .row--start-lg {
        justify-content: flex-start
    }

    .row--center-lg {
        justify-content: center
    }

    .row--end-lg {
        justify-content: flex-end
    }

    .row--top-lg {
        align-items: flex-start
    }

    .row--middle-lg {
        align-items: center
    }

    .row--bottom-lg {
        align-items: flex-end
    }

    .row--around-lg {
        justify-content: space-around
    }

    .row--between-lg {
        justify-content: space-between
    }

    .row .col--order-first-lg {
        order: -1
    }

    .row .col--order-normal-lg {
        order: 0
    }

    .row .col--order-last-lg {
        order: 1
    }
}

@media (min-width:1920px) and (min-height:700px) {
    .row--start-xxxl {
        justify-content: flex-start
    }

    .row--center-xxxl {
        justify-content: center
    }

    .row--end-xxxl {
        justify-content: flex-end
    }

    .row--top-xxxl {
        align-items: flex-start
    }

    .row--middle-xxxl {
        align-items: center
    }

    .row--bottom-xxxl {
        align-items: flex-end
    }

    .row--around-xxxl {
        justify-content: space-around
    }

    .row--between-xxxl {
        justify-content: space-between
    }

    .row .col--order-first-xxxl {
        order: -1
    }

    .row .col--order-normal-xxxl {
        order: 0
    }

    .row .col--order-last-xxxl {
        order: 1
    }
}

.row--nowrap {
    flex-wrap: nowrap
}

.container,
.container-h,
.container-h-vars,
.container-v,
.container-v-vars,
.container-vars,
:root {
    --grid-col: var(--md, calc((var(--container-content-width) - var(--grid-gutter) * 11) / 12)) var(--n-md, calc((var(--container-content-width) - var(--grid-gutter) * 3) / 4))
}

:root {
    --grid-gutter: 0vw
}

.p-relative {
    position: relative
}

.pt-0,
.pt-0\:xs,
.py-0,
.py-0\:xs {
    padding-top: 0
}

.pt-0\.2,
.pt-0\.2\:xs,
.py-0\.2,
.py-0\.2\:xs {
    padding-top: calc(var(--spacing) * .2)
}

.pt-0\.25,
.pt-0\.25\:xs,
.py-0\.25,
.py-0\.25\:xs {
    padding-top: calc(var(--spacing) * .25)
}

.pt-0\.3,
.pt-0\.3\:xs,
.py-0\.3,
.py-0\.3\:xs {
    padding-top: calc(var(--spacing) * .3)
}

.pt-0\.4,
.pt-0\.4\:xs,
.py-0\.4,
.py-0\.4\:xs {
    padding-top: calc(var(--spacing) * .4)
}

.pt-0\.5,
.pt-0\.5\:xs,
.py-0\.5,
.py-0\.5\:xs {
    padding-top: calc(var(--spacing) * .5)
}

.pt-0\.85,
.pt-0\.85\:xs,
.py-0\.85,
.py-0\.85\:xs {
    padding-top: calc(var(--spacing) * .85)
}

.pt-0\.9,
.pt-0\.9\:xs,
.py-0\.9,
.py-0\.9\:xs {
    padding-top: calc(var(--spacing) * .9)
}

.pt-1,
.pt-1\:xs,
.py-1,
.py-1\:xs {
    padding-top: var(--spacing)
}

.pt-1\.25,
.pt-1\.25\:xs,
.py-1\.25,
.py-1\.25\:xs {
    padding-top: calc(var(--spacing) * 1.25)
}

.pt-1\.33,
.pt-1\.33\:xs,
.py-1\.33,
.py-1\.33\:xs {
    padding-top: calc(var(--spacing) * 1.33)
}

.pt-1\.5,
.pt-1\.5\:xs,
.py-1\.5,
.py-1\.5\:xs {
    padding-top: calc(var(--spacing) * 1.5)
}

.pt-2,
.pt-2\:xs,
.py-2,
.py-2\:xs {
    padding-top: calc(var(--spacing) * 2)
}

.pt-2\.5,
.pt-2\.5\:xs,
.py-2\.5,
.py-2\.5\:xs {
    padding-top: calc(var(--spacing) * 2.5)
}

.pt-3,
.pt-3\:xs,
.py-3,
.py-3\:xs {
    padding-top: calc(var(--spacing) * 3)
}

.pt-3\.5,
.pt-3\.5\:xs,
.py-3\.5,
.py-3\.5\:xs {
    padding-top: calc(var(--spacing) * 3.5)
}

.pt-4,
.pt-4\:xs,
.py-4,
.py-4\:xs {
    padding-top: calc(var(--spacing) * 4)
}

.pt-5,
.pt-5\:xs,
.py-5,
.py-5\:xs {
    padding-top: calc(var(--spacing))
}

.pt-6,
.pt-6\:xs,
.py-6,
.py-6\:xs {
    padding-top: calc(var(--spacing) * 6)
}

.pt-6\.5,
.pt-6\.5\:xs,
.py-6\.5,
.py-6\.5\:xs {
    padding-top: calc(var(--spacing) * 6.5)
}

.pt-7,
.pt-7\:xs,
.py-7,
.py-7\:xs {
    padding-top: calc(var(--spacing) * 7)
}

.pt-8,
.pt-8\:xs,
.py-8,
.py-8\:xs {
    padding-top: calc(var(--spacing) * 8)
}

.pt-layout,
.pt-layout\:xs,
.py-layout,
.py-layout\:xs {
    padding-top: var(--spacing-layout)
}

.pt-layout-4,
.pt-layout-4\:xs,
.py-layout-4,
.py-layout-4\:xs {
    padding-top: calc(var(--spacing-layout) * 4)
}

.pt-grid,
.pt-grid\:xs,
.py-grid,
.py-grid\:xs {
    padding-top: var(--spacing-grid)
}

.pb-0,
.pb-0\:xs,
.py-0,
.py-0\:xs {
    padding-bottom: 0
}

.pb-0\.2,
.pb-0\.2\:xs,
.py-0\.2,
.py-0\.2\:xs {
    padding-bottom: calc(var(--spacing) * .2)
}

.pb-0\.25,
.pb-0\.25\:xs,
.py-0\.25,
.py-0\.25\:xs {
    padding-bottom: calc(var(--spacing) * .25)
}

.pb-0\.3,
.pb-0\.3\:xs,
.py-0\.3,
.py-0\.3\:xs {
    padding-bottom: calc(var(--spacing) * .3)
}

.pb-0\.4,
.pb-0\.4\:xs,
.py-0\.4,
.py-0\.4\:xs {
    padding-bottom: calc(var(--spacing) * .4)
}

.pb-0\.5,
.pb-0\.5\:xs,
.py-0\.5,
.py-0\.5\:xs {
    padding-bottom: calc(var(--spacing) * .5)
}

.pb-0\.85,
.pb-0\.85\:xs,
.py-0\.85,
.py-0\.85\:xs {
    padding-bottom: calc(var(--spacing) * .85)
}

.pb-0\.9,
.pb-0\.9\:xs,
.py-0\.9,
.py-0\.9\:xs {
    padding-bottom: calc(var(--spacing) * .9)
}

.pb-1,
.pb-1\:xs,
.py-1,
.py-1\:xs {
    padding-bottom: var(--spacing)
}

.pb-1\.25,
.pb-1\.25\:xs,
.py-1\.25,
.py-1\.25\:xs {
    padding-bottom: calc(var(--spacing) * 1.25)
}

.pb-1\.33,
.pb-1\.33\:xs,
.py-1\.33,
.py-1\.33\:xs {
    padding-bottom: calc(var(--spacing) * 1.33)
}

.pb-1\.5,
.pb-1\.5\:xs,
.py-1\.5,
.py-1\.5\:xs {
    padding-bottom: calc(var(--spacing) * 1.5)
}

.pb-2,
.pb-2\:xs,
.py-2,
.py-2\:xs {
    padding-bottom: calc(var(--spacing) * 2)
}

.pb-2\.5,
.pb-2\.5\:xs,
.py-2\.5,
.py-2\.5\:xs {
    padding-bottom: calc(var(--spacing) * 2.5)
}

.pb-3,
.pb-3\:xs,
.py-3,
.py-3\:xs {
    padding-bottom: calc(var(--spacing) * 3)
}

.pb-3\.5,
.pb-3\.5\:xs,
.py-3\.5,
.py-3\.5\:xs {
    padding-bottom: calc(var(--spacing) * 3.5)
}

.pb-4,
.pb-4\:xs,
.py-4,
.py-4\:xs {
    padding-bottom: calc(var(--spacing) * 4)
}

.pb-5,
.pb-5\:xs,
.py-5,
.py-5\:xs {
    padding-bottom: calc(var(--spacing) )
}

.pb-6,
.pb-6\:xs,
.py-6,
.py-6\:xs {
    padding-bottom: calc(var(--spacing) * 6)
}

.pb-6\.5,
.pb-6\.5\:xs,
.py-6\.5,
.py-6\.5\:xs {
    padding-bottom: calc(var(--spacing) * 6.5)
}

.pb-7,
.pb-7\:xs,
.py-7,
.py-7\:xs {
    padding-bottom: calc(var(--spacing) * 7)
}

.pb-8,
.pb-8\:xs,
.py-8,
.py-8\:xs {
    padding-bottom: calc(var(--spacing) * 8)
}

.pb-layout,
.pb-layout\:xs,
.py-layout,
.py-layout\:xs {
    padding-bottom: var(--spacing-layout)
}

.pb-layout-4,
.pb-layout-4\:xs,
.py-layout-4,
.py-layout-4\:xs {
    padding-bottom: calc(var(--spacing-layout) * 4)
}

.pb-grid,
.pb-grid\:xs,
.py-grid,
.py-grid\:xs {
    padding-bottom: var(--spacing-grid)
}

.pl-0,
.pl-0\:xs,
.px-0,
.px-0\:xs {
    padding-left: 0
}

.pl-0\.2,
.pl-0\.2\:xs,
.px-0\.2,
.px-0\.2\:xs {
    padding-left: calc(var(--spacing) * .2)
}

.pl-0\.25,
.pl-0\.25\:xs,
.px-0\.25,
.px-0\.25\:xs {
    padding-left: calc(var(--spacing) * .25)
}

.pl-0\.3,
.pl-0\.3\:xs,
.px-0\.3,
.px-0\.3\:xs {
    padding-left: calc(var(--spacing) * .3)
}

.pl-0\.4,
.pl-0\.4\:xs,
.px-0\.4,
.px-0\.4\:xs {
    padding-left: calc(var(--spacing) * .4)
}

.pl-0\.5,
.pl-0\.5\:xs,
.px-0\.5,
.px-0\.5\:xs {
    padding-left: calc(var(--spacing) * .5)
}

.pl-0\.85,
.pl-0\.85\:xs,
.px-0\.85,
.px-0\.85\:xs {
    padding-left: calc(var(--spacing) * .85)
}

.pl-0\.9,
.pl-0\.9\:xs,
.px-0\.9,
.px-0\.9\:xs {
    padding-left: calc(var(--spacing) * .9)
}

.pl-1,
.pl-1\:xs,
.px-1,
.px-1\:xs {
    padding-left: var(--spacing)
}

.pl-1\.25,
.pl-1\.25\:xs,
.px-1\.25,
.px-1\.25\:xs {
    padding-left: calc(var(--spacing) * 1.25)
}

.pl-1\.33,
.pl-1\.33\:xs,
.px-1\.33,
.px-1\.33\:xs {
    padding-left: calc(var(--spacing) * 1.33)
}

.pl-1\.5,
.pl-1\.5\:xs,
.px-1\.5,
.px-1\.5\:xs {
    padding-left: calc(var(--spacing) * 1.5)
}

.pl-2,
.pl-2\:xs,
.px-2,
.px-2\:xs {
    padding-left: calc(var(--spacing) * 2)
}

.pl-2\.5,
.pl-2\.5\:xs,
.px-2\.5,
.px-2\.5\:xs {
    padding-left: calc(var(--spacing) * 2.5)
}

.pl-3,
.pl-3\:xs,
.px-3,
.px-3\:xs {
    padding-left: calc(var(--spacing) * 3)
}

.pl-3\.5,
.pl-3\.5\:xs,
.px-3\.5,
.px-3\.5\:xs {
    padding-left: calc(var(--spacing) * 3.5)
}

.pl-4,
.pl-4\:xs,
.px-4,
.px-4\:xs {
    padding-left: calc(var(--spacing) * 4)
}

.pl-5,
.pl-5\:xs,
.px-5,
.px-5\:xs {
    padding-left: calc(var(--spacing) * 5)
}

.pl-6,
.pl-6\:xs,
.px-6,
.px-6\:xs {
    padding-left: calc(var(--spacing) * 6)
}

.pl-6\.5,
.pl-6\.5\:xs,
.px-6\.5,
.px-6\.5\:xs {
    padding-left: calc(var(--spacing) * 6.5)
}

.pl-7,
.pl-7\:xs,
.px-7,
.px-7\:xs {
    padding-left: calc(var(--spacing) * 7)
}

.pl-8,
.pl-8\:xs,
.px-8,
.px-8\:xs {
    padding-left: calc(var(--spacing) * 8)
}

.pl-layout,
.pl-layout\:xs,
.px-layout,
.px-layout\:xs {
    padding-left: var(--spacing-layout)
}

.pl-layout-4,
.pl-layout-4\:xs,
.px-layout-4,
.px-layout-4\:xs {
    padding-left: calc(var(--spacing-layout) * 4)
}

.pl-grid,
.pl-grid\:xs,
.px-grid,
.px-grid\:xs {
    padding-left: var(--spacing-grid)
}

.pr-0,
.pr-0\:xs,
.px-0,
.px-0\:xs {
    padding-right: 0
}

.pr-0\.2,
.pr-0\.2\:xs,
.px-0\.2,
.px-0\.2\:xs {
    padding-right: calc(var(--spacing) * .2)
}

.pr-0\.25,
.pr-0\.25\:xs,
.px-0\.25,
.px-0\.25\:xs {
    padding-right: calc(var(--spacing) * .25)
}

.pr-0\.3,
.pr-0\.3\:xs,
.px-0\.3,
.px-0\.3\:xs {
    padding-right: calc(var(--spacing) * .3)
}

.pr-0\.4,
.pr-0\.4\:xs,
.px-0\.4,
.px-0\.4\:xs {
    padding-right: calc(var(--spacing) * .4)
}

.pr-0\.5,
.pr-0\.5\:xs,
.px-0\.5,
.px-0\.5\:xs {
    padding-right: calc(var(--spacing) * .5)
}

.pr-0\.85,
.pr-0\.85\:xs,
.px-0\.85,
.px-0\.85\:xs {
    padding-right: calc(var(--spacing) * .85)
}

.pr-0\.9,
.pr-0\.9\:xs,
.px-0\.9,
.px-0\.9\:xs {
    padding-right: calc(var(--spacing) * .9)
}

.pr-1,
.pr-1\:xs,
.px-1,
.px-1\:xs {
    padding-right: var(--spacing)
}

.pr-1\.25,
.pr-1\.25\:xs,
.px-1\.25,
.px-1\.25\:xs {
    padding-right: calc(var(--spacing) * 1.25)
}

.pr-1\.33,
.pr-1\.33\:xs,
.px-1\.33,
.px-1\.33\:xs {
    padding-right: calc(var(--spacing) * 1.33)
}

.pr-1\.5,
.pr-1\.5\:xs,
.px-1\.5,
.px-1\.5\:xs {
    padding-right: calc(var(--spacing) * 1.5)
}

.pr-2,
.pr-2\:xs,
.px-2,
.px-2\:xs {
    padding-right: calc(var(--spacing) * 2)
}

.pr-2\.5,
.pr-2\.5\:xs,
.px-2\.5,
.px-2\.5\:xs {
    padding-right: calc(var(--spacing) * 2.5)
}

.pr-3,
.pr-3\:xs,
.px-3,
.px-3\:xs {
    padding-right: calc(var(--spacing) * 3)
}

.pr-3\.5,
.pr-3\.5\:xs,
.px-3\.5,
.px-3\.5\:xs {
    padding-right: calc(var(--spacing) * 3.5)
}

.pr-4,
.pr-4\:xs,
.px-4,
.px-4\:xs {
    padding-right: calc(var(--spacing) * 4)
}

.pr-5,
.pr-5\:xs,
.px-5,
.px-5\:xs {
    padding-right: calc(var(--spacing) * 5)
}

.pr-6,
.pr-6\:xs,
.px-6,
.px-6\:xs {
    padding-right: calc(var(--spacing) * 6)
}

.pr-6\.5,
.pr-6\.5\:xs,
.px-6\.5,
.px-6\.5\:xs {
    padding-right: calc(var(--spacing) * 6.5)
}

.pr-7,
.pr-7\:xs,
.px-7,
.px-7\:xs {
    padding-right: calc(var(--spacing) * 7)
}

.pr-8,
.pr-8\:xs,
.px-8,
.px-8\:xs {
    padding-right: calc(var(--spacing) * 8)
}

.pr-layout,
.pr-layout\:xs,
.px-layout,
.px-layout\:xs {
    padding-right: var(--spacing-layout)
}

.pr-layout-4,
.pr-layout-4\:xs,
.px-layout-4,
.px-layout-4\:xs {
    padding-right: calc(var(--spacing-layout) * 4)
}

.pr-grid,
.pr-grid\:xs,
.px-grid,
.px-grid\:xs {
    padding-right: var(--spacing-grid)
}

.mt-0,
.mt-0\:xs,
.my-0,
.my-0\:xs {
    margin-top: 0
}

.mt-0:where(:first-child),
.mt-0\:xs:where(:first-child),
.my-0:where(:first-child),
.my-0\:xs:where(:first-child) {
    margin-top: 0
}

.mt-0\.2,
.mt-0\.2\:xs,
.my-0\.2,
.my-0\.2\:xs {
    margin-top: calc(var(--spacing) * .2)
}

.mt-0\.2:where(:first-child),
.mt-0\.2\:xs:where(:first-child),
.my-0\.2:where(:first-child),
.my-0\.2\:xs:where(:first-child) {
    margin-top: 0
}

.mt-0\.25,
.mt-0\.25\:xs,
.my-0\.25,
.my-0\.25\:xs {
    margin-top: calc(var(--spacing) * .25)
}

.mt-0\.25:where(:first-child),
.mt-0\.25\:xs:where(:first-child),
.my-0\.25:where(:first-child),
.my-0\.25\:xs:where(:first-child) {
    margin-top: 0
}

.mt-0\.3,
.mt-0\.3\:xs,
.my-0\.3,
.my-0\.3\:xs {
    margin-top: calc(var(--spacing) * .3)
}

.mt-0\.3:where(:first-child),
.mt-0\.3\:xs:where(:first-child),
.my-0\.3:where(:first-child),
.my-0\.3\:xs:where(:first-child) {
    margin-top: 0
}

.mt-0\.4,
.mt-0\.4\:xs,
.my-0\.4,
.my-0\.4\:xs {
    margin-top: calc(var(--spacing) * .4)
}

.mt-0\.4:where(:first-child),
.mt-0\.4\:xs:where(:first-child),
.my-0\.4:where(:first-child),
.my-0\.4\:xs:where(:first-child) {
    margin-top: 0
}

.mt-0\.5,
.mt-0\.5\:xs,
.my-0\.5,
.my-0\.5\:xs {
    margin-top: calc(var(--spacing) * .5)
}

.mt-0\.5:where(:first-child),
.mt-0\.5\:xs:where(:first-child),
.my-0\.5:where(:first-child),
.my-0\.5\:xs:where(:first-child) {
    margin-top: 0
}

.mt-0\.85,
.mt-0\.85\:xs,
.my-0\.85,
.my-0\.85\:xs {
    margin-top: calc(var(--spacing) * .85)
}

.mt-0\.85:where(:first-child),
.mt-0\.85\:xs:where(:first-child),
.my-0\.85:where(:first-child),
.my-0\.85\:xs:where(:first-child) {
    margin-top: 0
}

.mt-0\.9,
.mt-0\.9\:xs,
.my-0\.9,
.my-0\.9\:xs {
    margin-top: calc(var(--spacing) * .9)
}

.mt-0\.9:where(:first-child),
.mt-0\.9\:xs:where(:first-child),
.my-0\.9:where(:first-child),
.my-0\.9\:xs:where(:first-child) {
    margin-top: 0
}

.mt-1,
.mt-1\:xs,
.my-1,
.my-1\:xs {
    margin-top: var(--spacing)
}

.mt-1:where(:first-child),
.mt-1\:xs:where(:first-child),
.my-1:where(:first-child),
.my-1\:xs:where(:first-child) {
    margin-top: 0
}

.mt-1\.25,
.mt-1\.25\:xs,
.my-1\.25,
.my-1\.25\:xs {
    margin-top: calc(var(--spacing) * 1.25)
}

.mt-1\.25:where(:first-child),
.mt-1\.25\:xs:where(:first-child),
.my-1\.25:where(:first-child),
.my-1\.25\:xs:where(:first-child) {
    margin-top: 0
}

.mt-1\.33,
.mt-1\.33\:xs,
.my-1\.33,
.my-1\.33\:xs {
    margin-top: calc(var(--spacing) * 1.33)
}

.mt-1\.33:where(:first-child),
.mt-1\.33\:xs:where(:first-child),
.my-1\.33:where(:first-child),
.my-1\.33\:xs:where(:first-child) {
    margin-top: 0
}

.mt-1\.5,
.mt-1\.5\:xs,
.my-1\.5,
.my-1\.5\:xs {
    margin-top: calc(var(--spacing) * 1.5)
}

.mt-1\.5:where(:first-child),
.mt-1\.5\:xs:where(:first-child),
.my-1\.5:where(:first-child),
.my-1\.5\:xs:where(:first-child) {
    margin-top: 0
}

.mt-2,
.mt-2\:xs,
.my-2,
.my-2\:xs {
    margin-top: calc(var(--spacing) * 2)
}

.mt-2:where(:first-child),
.mt-2\:xs:where(:first-child),
.my-2:where(:first-child),
.my-2\:xs:where(:first-child) {
    margin-top: 0
}

.mt-2\.5,
.mt-2\.5\:xs,
.my-2\.5,
.my-2\.5\:xs {
    margin-top: calc(var(--spacing) * 2.5)
}

.mt-2\.5:where(:first-child),
.mt-2\.5\:xs:where(:first-child),
.my-2\.5:where(:first-child),
.my-2\.5\:xs:where(:first-child) {
    margin-top: 0
}

.mt-3,
.mt-3\:xs,
.my-3,
.my-3\:xs {
    margin-top: calc(var(--spacing) * 3)
}

.mt-3:where(:first-child),
.mt-3\:xs:where(:first-child),
.my-3:where(:first-child),
.my-3\:xs:where(:first-child) {
    margin-top: 0
}

.mt-3\.5,
.mt-3\.5\:xs,
.my-3\.5,
.my-3\.5\:xs {
    margin-top: calc(var(--spacing) * 3.5)
}

.mt-3\.5:where(:first-child),
.mt-3\.5\:xs:where(:first-child),
.my-3\.5:where(:first-child),
.my-3\.5\:xs:where(:first-child) {
    margin-top: 0
}

.mt-4,
.mt-4\:xs,
.my-4,
.my-4\:xs {
    margin-top: calc(var(--spacing) * 4)
}

.mt-4:where(:first-child),
.mt-4\:xs:where(:first-child),
.my-4:where(:first-child),
.my-4\:xs:where(:first-child) {
    margin-top: 0
}

.mt-5,
.mt-5\:xs,
.my-5,
.my-5\:xs {
    margin-top: calc(var(--spacing) )
}

.mt-5:where(:first-child),
.mt-5\:xs:where(:first-child),
.my-5:where(:first-child),
.my-5\:xs:where(:first-child) {
    /* margin-top: 0; */
}

.mt-6,
.mt-6\:xs,
.my-6,
.my-6\:xs {
    margin-top: calc(var(--spacing) * 6)
}

.mt-6:where(:first-child),
.mt-6\:xs:where(:first-child),
.my-6:where(:first-child),
.my-6\:xs:where(:first-child) {
    margin-top: 0
}

.mt-6\.5,
.mt-6\.5\:xs,
.my-6\.5,
.my-6\.5\:xs {
    margin-top: calc(var(--spacing) * 6.5)
}

.mt-6\.5:where(:first-child),
.mt-6\.5\:xs:where(:first-child),
.my-6\.5:where(:first-child),
.my-6\.5\:xs:where(:first-child) {
    margin-top: 0
}

.mt-7,
.mt-7\:xs,
.my-7,
.my-7\:xs {
    margin-top: calc(var(--spacing) * 7)
}

.mt-7:where(:first-child),
.mt-7\:xs:where(:first-child),
.my-7:where(:first-child),
.my-7\:xs:where(:first-child) {
    margin-top: 0
}

.mt-8,
.mt-8\:xs,
.my-8,
.my-8\:xs {
    margin-top: calc(var(--spacing) * 8)
}

.mt-8:where(:first-child),
.mt-8\:xs:where(:first-child),
.my-8:where(:first-child),
.my-8\:xs:where(:first-child) {
    margin-top: 0
}

.mt-layout,
.mt-layout\:xs,
.my-layout,
.my-layout\:xs {
    margin-top: var(--spacing-layout)
}

.mt-layout:where(:first-child),
.mt-layout\:xs:where(:first-child),
.my-layout:where(:first-child),
.my-layout\:xs:where(:first-child) {
    margin-top: 0
}

.mt-layout-4,
.mt-layout-4\:xs,
.my-layout-4,
.my-layout-4\:xs {
    margin-top: calc(var(--spacing-layout) * 4)
}

.mt-layout-4:where(:first-child),
.mt-layout-4\:xs:where(:first-child),
.my-layout-4:where(:first-child),
.my-layout-4\:xs:where(:first-child) {
    margin-top: 0
}

.mt-grid,
.mt-grid\:xs,
.my-grid,
.my-grid\:xs {
    margin-top: var(--spacing-grid)
}

.mt-grid:where(:first-child),
.mt-grid\:xs:where(:first-child),
.my-grid:where(:first-child),
.my-grid\:xs:where(:first-child) {
    margin-top: 0
}

.mt-auto,
.mt-auto\:xs,
.my-auto,
.my-auto\:xs {
    margin-top: auto
}

.mt-auto:where(:first-child),
.mt-auto\:xs:where(:first-child),
.my-auto:where(:first-child),
.my-auto\:xs:where(:first-child) {
    margin-top: 0
}

.mb-0,
.mb-0\:xs,
.my-0,
.my-0\:xs {
    margin-bottom: 0
}

.mb-0:where(:last-child),
.mb-0\:xs:where(:last-child),
.my-0:where(:last-child),
.my-0\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-0\.2,
.mb-0\.2\:xs,
.my-0\.2,
.my-0\.2\:xs {
    margin-bottom: calc(var(--spacing) * .2)
}

.mb-0\.2:where(:last-child),
.mb-0\.2\:xs:where(:last-child),
.my-0\.2:where(:last-child),
.my-0\.2\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-0\.25,
.mb-0\.25\:xs,
.my-0\.25,
.my-0\.25\:xs {
    margin-bottom: calc(var(--spacing) * .25)
}

.mb-0\.25:where(:last-child),
.mb-0\.25\:xs:where(:last-child),
.my-0\.25:where(:last-child),
.my-0\.25\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-0\.3,
.mb-0\.3\:xs,
.my-0\.3,
.my-0\.3\:xs {
    margin-bottom: calc(var(--spacing) * .3)
}

.mb-0\.3:where(:last-child),
.mb-0\.3\:xs:where(:last-child),
.my-0\.3:where(:last-child),
.my-0\.3\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-0\.4,
.mb-0\.4\:xs,
.my-0\.4,
.my-0\.4\:xs {
    margin-bottom: calc(var(--spacing) * .4)
}

.mb-0\.4:where(:last-child),
.mb-0\.4\:xs:where(:last-child),
.my-0\.4:where(:last-child),
.my-0\.4\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-0\.5,
.mb-0\.5\:xs,
.my-0\.5,
.my-0\.5\:xs {
    margin-bottom: calc(var(--spacing) * .5)
}

.mb-0\.5:where(:last-child),
.mb-0\.5\:xs:where(:last-child),
.my-0\.5:where(:last-child),
.my-0\.5\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-0\.85,
.mb-0\.85\:xs,
.my-0\.85,
.my-0\.85\:xs {
    margin-bottom: calc(var(--spacing) * .85)
}

.mb-0\.85:where(:last-child),
.mb-0\.85\:xs:where(:last-child),
.my-0\.85:where(:last-child),
.my-0\.85\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-0\.9,
.mb-0\.9\:xs,
.my-0\.9,
.my-0\.9\:xs {
    margin-bottom: calc(var(--spacing) * .9)
}

.mb-0\.9:where(:last-child),
.mb-0\.9\:xs:where(:last-child),
.my-0\.9:where(:last-child),
.my-0\.9\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-1,
.mb-1\:xs,
.my-1,
.my-1\:xs {
    margin-bottom: var(--spacing)
}

.mb-1:where(:last-child),
.mb-1\:xs:where(:last-child),
.my-1:where(:last-child),
.my-1\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-1\.25,
.mb-1\.25\:xs,
.my-1\.25,
.my-1\.25\:xs {
    margin-bottom: calc(var(--spacing) * 1.25)
}

.mb-1\.25:where(:last-child),
.mb-1\.25\:xs:where(:last-child),
.my-1\.25:where(:last-child),
.my-1\.25\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-1\.33,
.mb-1\.33\:xs,
.my-1\.33,
.my-1\.33\:xs {
    margin-bottom: calc(var(--spacing) * 1.33)
}

.mb-1\.33:where(:last-child),
.mb-1\.33\:xs:where(:last-child),
.my-1\.33:where(:last-child),
.my-1\.33\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-1\.5,
.mb-1\.5\:xs,
.my-1\.5,
.my-1\.5\:xs {
    margin-bottom: calc(var(--spacing) * 1.5)
}

.mb-1\.5:where(:last-child),
.mb-1\.5\:xs:where(:last-child),
.my-1\.5:where(:last-child),
.my-1\.5\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-2,
.mb-2\:xs,
.my-2,
.my-2\:xs {
    margin-bottom: calc(var(--spacing) * 2)
}

.mb-2:where(:last-child),
.mb-2\:xs:where(:last-child),
.my-2:where(:last-child),
.my-2\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-2\.5,
.mb-2\.5\:xs,
.my-2\.5,
.my-2\.5\:xs {
    margin-bottom: calc(var(--spacing) * 2.5)
}

.mb-2\.5:where(:last-child),
.mb-2\.5\:xs:where(:last-child),
.my-2\.5:where(:last-child),
.my-2\.5\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-3,
.mb-3\:xs,
.my-3,
.my-3\:xs {
    margin-bottom: calc(var(--spacing) * 3)
}

.mb-3:where(:last-child),
.mb-3\:xs:where(:last-child),
.my-3:where(:last-child),
.my-3\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-3\.5,
.mb-3\.5\:xs,
.my-3\.5,
.my-3\.5\:xs {
    margin-bottom: calc(var(--spacing) * 3.5)
}

.mb-3\.5:where(:last-child),
.mb-3\.5\:xs:where(:last-child),
.my-3\.5:where(:last-child),
.my-3\.5\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-4,
.mb-4\:xs,
.my-4,
.my-4\:xs {
    margin-bottom: calc(var(--spacing) * 4)
}

.mb-4:where(:last-child),
.mb-4\:xs:where(:last-child),
.my-4:where(:last-child),
.my-4\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-5,
.mb-5\:xs,
.my-5,
.my-5\:xs {
    margin-bottom: calc(var(--spacing) )
}

.mb-5:where(:last-child),
.mb-5\:xs:where(:last-child),
.my-5:where(:last-child),
.my-5\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-6,
.mb-6\:xs,
.my-6,
.my-6\:xs {
    margin-bottom: calc(var(--spacing) * 6)
}

.mb-6:where(:last-child),
.mb-6\:xs:where(:last-child),
.my-6:where(:last-child),
.my-6\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-6\.5,
.mb-6\.5\:xs,
.my-6\.5,
.my-6\.5\:xs {
    margin-bottom: calc(var(--spacing) * 6.5)
}

.mb-6\.5:where(:last-child),
.mb-6\.5\:xs:where(:last-child),
.my-6\.5:where(:last-child),
.my-6\.5\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-7,
.mb-7\:xs,
.my-7,
.my-7\:xs {
    margin-bottom: calc(var(--spacing) * 7)
}

.mb-7:where(:last-child),
.mb-7\:xs:where(:last-child),
.my-7:where(:last-child),
.my-7\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-8,
.mb-8\:xs,
.my-8,
.my-8\:xs {
    margin-bottom: calc(var(--spacing) * 8)
}

.mb-8:where(:last-child),
.mb-8\:xs:where(:last-child),
.my-8:where(:last-child),
.my-8\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-layout,
.mb-layout\:xs,
.my-layout,
.my-layout\:xs {
    margin-bottom: var(--spacing-layout)
}

.mb-layout:where(:last-child),
.mb-layout\:xs:where(:last-child),
.my-layout:where(:last-child),
.my-layout\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-layout-4,
.mb-layout-4\:xs,
.my-layout-4,
.my-layout-4\:xs {
    margin-bottom: calc(var(--spacing-layout) * 4)
}

.mb-layout-4:where(:last-child),
.mb-layout-4\:xs:where(:last-child),
.my-layout-4:where(:last-child),
.my-layout-4\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-grid,
.mb-grid\:xs,
.my-grid,
.my-grid\:xs {
    margin-bottom: var(--spacing-grid)
}

.mb-grid:where(:last-child),
.mb-grid\:xs:where(:last-child),
.my-grid:where(:last-child),
.my-grid\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-auto,
.mb-auto\:xs,
.my-auto,
.my-auto\:xs {
    margin-bottom: auto
}

.mb-auto:where(:last-child),
.mb-auto\:xs:where(:last-child),
.my-auto:where(:last-child),
.my-auto\:xs:where(:last-child) {
    margin-bottom: 0
}

.ml-0,
.ml-0\:xs,
.mx-0,
.mx-0\:xs {
    margin-left: 0
}

.ml-0\.2,
.ml-0\.2\:xs,
.mx-0\.2,
.mx-0\.2\:xs {
    margin-left: calc(var(--spacing) * .2)
}

.ml-0\.25,
.ml-0\.25\:xs,
.mx-0\.25,
.mx-0\.25\:xs {
    margin-left: calc(var(--spacing) * .25)
}

.ml-0\.3,
.ml-0\.3\:xs,
.mx-0\.3,
.mx-0\.3\:xs {
    margin-left: calc(var(--spacing) * .3)
}

.ml-0\.4,
.ml-0\.4\:xs,
.mx-0\.4,
.mx-0\.4\:xs {
    margin-left: calc(var(--spacing) * .4)
}

.ml-0\.5,
.ml-0\.5\:xs,
.mx-0\.5,
.mx-0\.5\:xs {
    margin-left: calc(var(--spacing) * .5)
}

.ml-0\.85,
.ml-0\.85\:xs,
.mx-0\.85,
.mx-0\.85\:xs {
    margin-left: calc(var(--spacing) * .85)
}

.ml-0\.9,
.ml-0\.9\:xs,
.mx-0\.9,
.mx-0\.9\:xs {
    margin-left: calc(var(--spacing) * .9)
}

.ml-1,
.ml-1\:xs,
.mx-1,
.mx-1\:xs {
    margin-left: var(--spacing)
}

.ml-1\.25,
.ml-1\.25\:xs,
.mx-1\.25,
.mx-1\.25\:xs {
    margin-left: calc(var(--spacing) * 1.25)
}

.ml-1\.33,
.ml-1\.33\:xs,
.mx-1\.33,
.mx-1\.33\:xs {
    margin-left: calc(var(--spacing) * 1.33)
}

.ml-1\.5,
.ml-1\.5\:xs,
.mx-1\.5,
.mx-1\.5\:xs {
    margin-left: calc(var(--spacing) * 1.5)
}

.ml-2,
.ml-2\:xs,
.mx-2,
.mx-2\:xs {
    margin-left: calc(var(--spacing) * 2)
}

.ml-2\.5,
.ml-2\.5\:xs,
.mx-2\.5,
.mx-2\.5\:xs {
    margin-left: calc(var(--spacing) * 2.5)
}

.ml-3,
.ml-3\:xs,
.mx-3,
.mx-3\:xs {
    margin-left: calc(var(--spacing) * 3)
}

.ml-3\.5,
.ml-3\.5\:xs,
.mx-3\.5,
.mx-3\.5\:xs {
    margin-left: calc(var(--spacing) * 3.5)
}

.ml-4,
.ml-4\:xs,
.mx-4,
.mx-4\:xs {
    margin-left: calc(var(--spacing) * 4)
}

.ml-5,
.ml-5\:xs,
.mx-5,
.mx-5\:xs {
    margin-left: calc(var(--spacing) * 5)
}

.ml-6,
.ml-6\:xs,
.mx-6,
.mx-6\:xs {
    margin-left: calc(var(--spacing) * 6)
}

.ml-6\.5,
.ml-6\.5\:xs,
.mx-6\.5,
.mx-6\.5\:xs {
    margin-left: calc(var(--spacing) * 6.5)
}

.ml-7,
.ml-7\:xs,
.mx-7,
.mx-7\:xs {
    margin-left: calc(var(--spacing) * 7)
}

.ml-8,
.ml-8\:xs,
.mx-8,
.mx-8\:xs {
    margin-left: calc(var(--spacing) * 8)
}

.ml-layout,
.ml-layout\:xs,
.mx-layout,
.mx-layout\:xs {
    margin-left: var(--spacing-layout)
}

.ml-layout-4,
.ml-layout-4\:xs,
.mx-layout-4,
.mx-layout-4\:xs {
    margin-left: calc(var(--spacing-layout) * 4)
}

.ml-grid,
.ml-grid\:xs,
.mx-grid,
.mx-grid\:xs {
    margin-left: var(--spacing-grid)
}

.ml-auto,
.ml-auto\:xs,
.mx-auto,
.mx-auto\:xs {
    margin-left: auto
}

.mr-0,
.mr-0\:xs,
.mx-0,
.mx-0\:xs {
    margin-right: 0
}

.mr-0\.2,
.mr-0\.2\:xs,
.mx-0\.2,
.mx-0\.2\:xs {
    margin-right: calc(var(--spacing) * .2)
}

.mr-0\.25,
.mr-0\.25\:xs,
.mx-0\.25,
.mx-0\.25\:xs {
    margin-right: calc(var(--spacing) * .25)
}

.mr-0\.3,
.mr-0\.3\:xs,
.mx-0\.3,
.mx-0\.3\:xs {
    margin-right: calc(var(--spacing) * .3)
}

.mr-0\.4,
.mr-0\.4\:xs,
.mx-0\.4,
.mx-0\.4\:xs {
    margin-right: calc(var(--spacing) * .4)
}

.mr-0\.5,
.mr-0\.5\:xs,
.mx-0\.5,
.mx-0\.5\:xs {
    margin-right: calc(var(--spacing) * .5)
}

.mr-0\.85,
.mr-0\.85\:xs,
.mx-0\.85,
.mx-0\.85\:xs {
    margin-right: calc(var(--spacing) * .85)
}

.mr-0\.9,
.mr-0\.9\:xs,
.mx-0\.9,
.mx-0\.9\:xs {
    margin-right: calc(var(--spacing) * .9)
}

.mr-1,
.mr-1\:xs,
.mx-1,
.mx-1\:xs {
    margin-right: var(--spacing)
}

.mr-1\.25,
.mr-1\.25\:xs,
.mx-1\.25,
.mx-1\.25\:xs {
    margin-right: calc(var(--spacing) * 1.25)
}

.mr-1\.33,
.mr-1\.33\:xs,
.mx-1\.33,
.mx-1\.33\:xs {
    margin-right: calc(var(--spacing) * 1.33)
}

.mr-1\.5,
.mr-1\.5\:xs,
.mx-1\.5,
.mx-1\.5\:xs {
    margin-right: calc(var(--spacing) * 1.5)
}

.mr-2,
.mr-2\:xs,
.mx-2,
.mx-2\:xs {
    margin-right: calc(var(--spacing) * 2)
}

.mr-2\.5,
.mr-2\.5\:xs,
.mx-2\.5,
.mx-2\.5\:xs {
    margin-right: calc(var(--spacing) * 2.5)
}

.mr-3,
.mr-3\:xs,
.mx-3,
.mx-3\:xs {
    margin-right: calc(var(--spacing) * 3)
}

.mr-3\.5,
.mr-3\.5\:xs,
.mx-3\.5,
.mx-3\.5\:xs {
    margin-right: calc(var(--spacing) * 3.5)
}

.mr-4,
.mr-4\:xs,
.mx-4,
.mx-4\:xs {
    margin-right: calc(var(--spacing) * 4)
}

.mr-5,
.mr-5\:xs,
.mx-5,
.mx-5\:xs {
    margin-right: calc(var(--spacing) * 5)
}

.mr-6,
.mr-6\:xs,
.mx-6,
.mx-6\:xs {
    margin-right: calc(var(--spacing) * 6)
}

.mr-6\.5,
.mr-6\.5\:xs,
.mx-6\.5,
.mx-6\.5\:xs {
    margin-right: calc(var(--spacing) * 6.5)
}

.mr-7,
.mr-7\:xs,
.mx-7,
.mx-7\:xs {
    margin-right: calc(var(--spacing) * 7)
}

.mr-8,
.mr-8\:xs,
.mx-8,
.mx-8\:xs {
    margin-right: calc(var(--spacing) * 8)
}

.mr-layout,
.mr-layout\:xs,
.mx-layout,
.mx-layout\:xs {
    margin-right: var(--spacing-layout)
}

.mr-layout-4,
.mr-layout-4\:xs,
.mx-layout-4,
.mx-layout-4\:xs {
    margin-right: calc(var(--spacing-layout) * 4)
}

.mr-grid,
.mr-grid\:xs,
.mx-grid,
.mx-grid\:xs {
    margin-right: var(--spacing-grid)
}

.mr-auto,
.mr-auto\:xs,
.mx-auto,
.mx-auto\:xs {
    margin-right: auto
}

@media (min-aspect-ratio:13/9),
(min-width:568px) {

    .pt-0\:sm,
    .py-0\:sm {
        padding-top: 0
    }

    .pt-0\.2\:sm,
    .py-0\.2\:sm {
        padding-top: calc(var(--spacing) * .2)
    }

    .pt-0\.25\:sm,
    .py-0\.25\:sm {
        padding-top: calc(var(--spacing) * .25)
    }

    .pt-0\.3\:sm,
    .py-0\.3\:sm {
        padding-top: calc(var(--spacing) * .3)
    }

    .pt-0\.4\:sm,
    .py-0\.4\:sm {
        padding-top: calc(var(--spacing) * .4)
    }

    .pt-0\.5\:sm,
    .py-0\.5\:sm {
        padding-top: calc(var(--spacing) * .5)
    }

    .pt-0\.85\:sm,
    .py-0\.85\:sm {
        padding-top: calc(var(--spacing) * .85)
    }

    .pt-0\.9\:sm,
    .py-0\.9\:sm {
        padding-top: calc(var(--spacing) * .9)
    }

    .pt-1\:sm,
    .py-1\:sm {
        padding-top: var(--spacing)
    }

    .pt-1\.25\:sm,
    .py-1\.25\:sm {
        padding-top: calc(var(--spacing) * 1.25)
    }

    .pt-1\.33\:sm,
    .py-1\.33\:sm {
        padding-top: calc(var(--spacing) * 1.33)
    }

    .pt-1\.5\:sm,
    .py-1\.5\:sm {
        padding-top: calc(var(--spacing) * 1.5)
    }

    .pt-2\:sm,
    .py-2\:sm {
        padding-top: calc(var(--spacing) * 2)
    }

    .pt-2\.5\:sm,
    .py-2\.5\:sm {
        padding-top: calc(var(--spacing) * 2.5)
    }

    .pt-3\:sm,
    .py-3\:sm {
        padding-top: calc(var(--spacing) * 3)
    }

    .pt-3\.5\:sm,
    .py-3\.5\:sm {
        padding-top: calc(var(--spacing) * 3.5)
    }

    .pt-4\:sm,
    .py-4\:sm {
        padding-top: calc(var(--spacing) * 4)
    }

    .pt-5\:sm,
    .py-5\:sm {
        padding-top: calc(var(--spacing) * 5)
    }

    .pt-6\:sm,
    .py-6\:sm {
        padding-top: calc(var(--spacing) * 6)
    }

    .pt-6\.5\:sm,
    .py-6\.5\:sm {
        padding-top: calc(var(--spacing) * 6.5)
    }

    .pt-7\:sm,
    .py-7\:sm {
        padding-top: calc(var(--spacing) * 7)
    }

    .pt-8\:sm,
    .py-8\:sm {
        padding-top: calc(var(--spacing) * 8)
    }

    .pt-layout\:sm,
    .py-layout\:sm {
        padding-top: var(--spacing-layout)
    }

    .pt-layout-4\:sm,
    .py-layout-4\:sm {
        padding-top: calc(var(--spacing-layout) * 4)
    }

    .pt-grid\:sm,
    .py-grid\:sm {
        padding-top: var(--spacing-grid)
    }

    .pb-0\:sm,
    .py-0\:sm {
        padding-bottom: 0
    }

    .pb-0\.2\:sm,
    .py-0\.2\:sm {
        padding-bottom: calc(var(--spacing) * .2)
    }

    .pb-0\.25\:sm,
    .py-0\.25\:sm {
        padding-bottom: calc(var(--spacing) * .25)
    }

    .pb-0\.3\:sm,
    .py-0\.3\:sm {
        padding-bottom: calc(var(--spacing) * .3)
    }

    .pb-0\.4\:sm,
    .py-0\.4\:sm {
        padding-bottom: calc(var(--spacing) * .4)
    }

    .pb-0\.5\:sm,
    .py-0\.5\:sm {
        padding-bottom: calc(var(--spacing) * .5)
    }

    .pb-0\.85\:sm,
    .py-0\.85\:sm {
        padding-bottom: calc(var(--spacing) * .85)
    }

    .pb-0\.9\:sm,
    .py-0\.9\:sm {
        padding-bottom: calc(var(--spacing) * .9)
    }

    .pb-1\:sm,
    .py-1\:sm {
        padding-bottom: var(--spacing)
    }

    .pb-1\.25\:sm,
    .py-1\.25\:sm {
        padding-bottom: calc(var(--spacing) * 1.25)
    }

    .pb-1\.33\:sm,
    .py-1\.33\:sm {
        padding-bottom: calc(var(--spacing) * 1.33)
    }

    .pb-1\.5\:sm,
    .py-1\.5\:sm {
        padding-bottom: calc(var(--spacing) * 1.5)
    }

    .pb-2\:sm,
    .py-2\:sm {
        padding-bottom: calc(var(--spacing) * 2)
    }

    .pb-2\.5\:sm,
    .py-2\.5\:sm {
        padding-bottom: calc(var(--spacing) * 2.5)
    }

    .pb-3\:sm,
    .py-3\:sm {
        padding-bottom: calc(var(--spacing) * 3)
    }

    .pb-3\.5\:sm,
    .py-3\.5\:sm {
        padding-bottom: calc(var(--spacing) * 3.5)
    }

    .pb-4\:sm,
    .py-4\:sm {
        padding-bottom: calc(var(--spacing) * 4)
    }

    .pb-5\:sm,
    .py-5\:sm {
        padding-bottom: calc(var(--spacing) * 5)
    }

    .pb-6\:sm,
    .py-6\:sm {
        padding-bottom: calc(var(--spacing) * 6)
    }

    .pb-6\.5\:sm,
    .py-6\.5\:sm {
        padding-bottom: calc(var(--spacing) * 6.5)
    }

    .pb-7\:sm,
    .py-7\:sm {
        padding-bottom: calc(var(--spacing) * 7)
    }

    .pb-8\:sm,
    .py-8\:sm {
        padding-bottom: calc(var(--spacing) * 8)
    }

    .pb-layout\:sm,
    .py-layout\:sm {
        padding-bottom: var(--spacing-layout)
    }

    .pb-layout-4\:sm,
    .py-layout-4\:sm {
        padding-bottom: calc(var(--spacing-layout) * 4)
    }

    .pb-grid\:sm,
    .py-grid\:sm {
        padding-bottom: var(--spacing-grid)
    }

    .pl-0\:sm,
    .px-0\:sm {
        padding-left: 0
    }

    .pl-0\.2\:sm,
    .px-0\.2\:sm {
        padding-left: calc(var(--spacing) * .2)
    }

    .pl-0\.25\:sm,
    .px-0\.25\:sm {
        padding-left: calc(var(--spacing) * .25)
    }

    .pl-0\.3\:sm,
    .px-0\.3\:sm {
        padding-left: calc(var(--spacing) * .3)
    }

    .pl-0\.4\:sm,
    .px-0\.4\:sm {
        padding-left: calc(var(--spacing) * .4)
    }

    .pl-0\.5\:sm,
    .px-0\.5\:sm {
        padding-left: calc(var(--spacing) * .5)
    }

    .pl-0\.85\:sm,
    .px-0\.85\:sm {
        padding-left: calc(var(--spacing) * .85)
    }

    .pl-0\.9\:sm,
    .px-0\.9\:sm {
        padding-left: calc(var(--spacing) * .9)
    }

    .pl-1\:sm,
    .px-1\:sm {
        padding-left: var(--spacing)
    }

    .pl-1\.25\:sm,
    .px-1\.25\:sm {
        padding-left: calc(var(--spacing) * 1.25)
    }

    .pl-1\.33\:sm,
    .px-1\.33\:sm {
        padding-left: calc(var(--spacing) * 1.33)
    }

    .pl-1\.5\:sm,
    .px-1\.5\:sm {
        padding-left: calc(var(--spacing) * 1.5)
    }

    .pl-2\:sm,
    .px-2\:sm {
        padding-left: calc(var(--spacing) * 2)
    }

    .pl-2\.5\:sm,
    .px-2\.5\:sm {
        padding-left: calc(var(--spacing) * 2.5)
    }

    .pl-3\:sm,
    .px-3\:sm {
        padding-left: calc(var(--spacing) * 3)
    }

    .pl-3\.5\:sm,
    .px-3\.5\:sm {
        padding-left: calc(var(--spacing) * 3.5)
    }

    .pl-4\:sm,
    .px-4\:sm {
        padding-left: calc(var(--spacing) * 4)
    }

    .pl-5\:sm,
    .px-5\:sm {
        padding-left: calc(var(--spacing) * 5)
    }

    .pl-6\:sm,
    .px-6\:sm {
        padding-left: calc(var(--spacing) * 6)
    }

    .pl-6\.5\:sm,
    .px-6\.5\:sm {
        padding-left: calc(var(--spacing) * 6.5)
    }

    .pl-7\:sm,
    .px-7\:sm {
        padding-left: calc(var(--spacing) * 7)
    }

    .pl-8\:sm,
    .px-8\:sm {
        padding-left: calc(var(--spacing) * 8)
    }

    .pl-layout\:sm,
    .px-layout\:sm {
        padding-left: var(--spacing-layout)
    }

    .pl-layout-4\:sm,
    .px-layout-4\:sm {
        padding-left: calc(var(--spacing-layout) * 4)
    }

    .pl-grid\:sm,
    .px-grid\:sm {
        padding-left: var(--spacing-grid)
    }

    .pr-0\:sm,
    .px-0\:sm {
        padding-right: 0
    }

    .pr-0\.2\:sm,
    .px-0\.2\:sm {
        padding-right: calc(var(--spacing) * .2)
    }

    .pr-0\.25\:sm,
    .px-0\.25\:sm {
        padding-right: calc(var(--spacing) * .25)
    }

    .pr-0\.3\:sm,
    .px-0\.3\:sm {
        padding-right: calc(var(--spacing) * .3)
    }

    .pr-0\.4\:sm,
    .px-0\.4\:sm {
        padding-right: calc(var(--spacing) * .4)
    }

    .pr-0\.5\:sm,
    .px-0\.5\:sm {
        padding-right: calc(var(--spacing) * .5)
    }

    .pr-0\.85\:sm,
    .px-0\.85\:sm {
        padding-right: calc(var(--spacing) * .85)
    }

    .pr-0\.9\:sm,
    .px-0\.9\:sm {
        padding-right: calc(var(--spacing) * .9)
    }

    .pr-1\:sm,
    .px-1\:sm {
        padding-right: var(--spacing)
    }

    .pr-1\.25\:sm,
    .px-1\.25\:sm {
        padding-right: calc(var(--spacing) * 1.25)
    }

    .pr-1\.33\:sm,
    .px-1\.33\:sm {
        padding-right: calc(var(--spacing) * 1.33)
    }

    .pr-1\.5\:sm,
    .px-1\.5\:sm {
        padding-right: calc(var(--spacing) * 1.5)
    }

    .pr-2\:sm,
    .px-2\:sm {
        padding-right: calc(var(--spacing) * 2)
    }

    .pr-2\.5\:sm,
    .px-2\.5\:sm {
        padding-right: calc(var(--spacing) * 2.5)
    }

    .pr-3\:sm,
    .px-3\:sm {
        padding-right: calc(var(--spacing) * 3)
    }

    .pr-3\.5\:sm,
    .px-3\.5\:sm {
        padding-right: calc(var(--spacing) * 3.5)
    }

    .pr-4\:sm,
    .px-4\:sm {
        padding-right: calc(var(--spacing) * 4)
    }

    .pr-5\:sm,
    .px-5\:sm {
        padding-right: calc(var(--spacing) * 5)
    }

    .pr-6\:sm,
    .px-6\:sm {
        padding-right: calc(var(--spacing) * 6)
    }

    .pr-6\.5\:sm,
    .px-6\.5\:sm {
        padding-right: calc(var(--spacing) * 6.5)
    }

    .pr-7\:sm,
    .px-7\:sm {
        padding-right: calc(var(--spacing) * 7)
    }

    .pr-8\:sm,
    .px-8\:sm {
        padding-right: calc(var(--spacing) * 8)
    }

    .pr-layout\:sm,
    .px-layout\:sm {
        padding-right: var(--spacing-layout)
    }

    .pr-layout-4\:sm,
    .px-layout-4\:sm {
        padding-right: calc(var(--spacing-layout) * 4)
    }

    .pr-grid\:sm,
    .px-grid\:sm {
        padding-right: var(--spacing-grid)
    }

    .mt-0\:sm,
    .my-0\:sm {
        margin-top: 0
    }

    .mt-0\:sm:where(:first-child),
    .my-0\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.2\:sm,
    .my-0\.2\:sm {
        margin-top: calc(var(--spacing) * .2)
    }

    .mt-0\.2\:sm:where(:first-child),
    .my-0\.2\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.25\:sm,
    .my-0\.25\:sm {
        margin-top: calc(var(--spacing) * .25)
    }

    .mt-0\.25\:sm:where(:first-child),
    .my-0\.25\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.3\:sm,
    .my-0\.3\:sm {
        margin-top: calc(var(--spacing) * .3)
    }

    .mt-0\.3\:sm:where(:first-child),
    .my-0\.3\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.4\:sm,
    .my-0\.4\:sm {
        margin-top: calc(var(--spacing) * .4)
    }

    .mt-0\.4\:sm:where(:first-child),
    .my-0\.4\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.5\:sm,
    .my-0\.5\:sm {
        margin-top: calc(var(--spacing) * .5)
    }

    .mt-0\.5\:sm:where(:first-child),
    .my-0\.5\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.85\:sm,
    .my-0\.85\:sm {
        margin-top: calc(var(--spacing) * .85)
    }

    .mt-0\.85\:sm:where(:first-child),
    .my-0\.85\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.9\:sm,
    .my-0\.9\:sm {
        margin-top: calc(var(--spacing) * .9)
    }

    .mt-0\.9\:sm:where(:first-child),
    .my-0\.9\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-1\:sm,
    .my-1\:sm {
        margin-top: var(--spacing)
    }

    .mt-1\:sm:where(:first-child),
    .my-1\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-1\.25\:sm,
    .my-1\.25\:sm {
        margin-top: calc(var(--spacing) * 1.25)
    }

    .mt-1\.25\:sm:where(:first-child),
    .my-1\.25\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-1\.33\:sm,
    .my-1\.33\:sm {
        margin-top: calc(var(--spacing) * 1.33)
    }

    .mt-1\.33\:sm:where(:first-child),
    .my-1\.33\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-1\.5\:sm,
    .my-1\.5\:sm {
        margin-top: calc(var(--spacing) * 1.5)
    }

    .mt-1\.5\:sm:where(:first-child),
    .my-1\.5\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-2\:sm,
    .my-2\:sm {
        margin-top: calc(var(--spacing) * 2)
    }

    .mt-2\:sm:where(:first-child),
    .my-2\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-2\.5\:sm,
    .my-2\.5\:sm {
        margin-top: calc(var(--spacing) * 2.5)
    }

    .mt-2\.5\:sm:where(:first-child),
    .my-2\.5\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-3\:sm,
    .my-3\:sm {
        margin-top: calc(var(--spacing) * 3)
    }

    .mt-3\:sm:where(:first-child),
    .my-3\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-3\.5\:sm,
    .my-3\.5\:sm {
        margin-top: calc(var(--spacing) * 3.5)
    }

    .mt-3\.5\:sm:where(:first-child),
    .my-3\.5\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-4\:sm,
    .my-4\:sm {
        margin-top: calc(var(--spacing) * 4)
    }

    .mt-4\:sm:where(:first-child),
    .my-4\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-5\:sm,
    .my-5\:sm {
        margin-top: calc(var(--spacing) * 5)
    }

    .mt-5\:sm:where(:first-child),
    .my-5\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-6\:sm,
    .my-6\:sm {
        margin-top: calc(var(--spacing) * 6)
    }

    .mt-6\:sm:where(:first-child),
    .my-6\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-6\.5\:sm,
    .my-6\.5\:sm {
        margin-top: calc(var(--spacing) * 6.5)
    }

    .mt-6\.5\:sm:where(:first-child),
    .my-6\.5\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-7\:sm,
    .my-7\:sm {
        margin-top: calc(var(--spacing) * 7)
    }

    .mt-7\:sm:where(:first-child),
    .my-7\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-8\:sm,
    .my-8\:sm {
        margin-top: calc(var(--spacing) * 8)
    }

    .mt-8\:sm:where(:first-child),
    .my-8\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-layout\:sm,
    .my-layout\:sm {
        margin-top: var(--spacing-layout)
    }

    .mt-layout\:sm:where(:first-child),
    .my-layout\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-layout-4\:sm,
    .my-layout-4\:sm {
        margin-top: calc(var(--spacing-layout) * 4)
    }

    .mt-layout-4\:sm:where(:first-child),
    .my-layout-4\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-grid\:sm,
    .my-grid\:sm {
        margin-top: var(--spacing-grid)
    }

    .mt-grid\:sm:where(:first-child),
    .my-grid\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-auto\:sm,
    .my-auto\:sm {
        margin-top: auto
    }

    .mt-auto\:sm:where(:first-child),
    .my-auto\:sm:where(:first-child) {
        margin-top: 0
    }

    .mb-0\:sm,
    .my-0\:sm {
        margin-bottom: 0
    }

    .mb-0\:sm:where(:last-child),
    .my-0\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.2\:sm,
    .my-0\.2\:sm {
        margin-bottom: calc(var(--spacing) * .2)
    }

    .mb-0\.2\:sm:where(:last-child),
    .my-0\.2\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.25\:sm,
    .my-0\.25\:sm {
        margin-bottom: calc(var(--spacing) * .25)
    }

    .mb-0\.25\:sm:where(:last-child),
    .my-0\.25\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.3\:sm,
    .my-0\.3\:sm {
        margin-bottom: calc(var(--spacing) * .3)
    }

    .mb-0\.3\:sm:where(:last-child),
    .my-0\.3\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.4\:sm,
    .my-0\.4\:sm {
        margin-bottom: calc(var(--spacing) * .4)
    }

    .mb-0\.4\:sm:where(:last-child),
    .my-0\.4\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.5\:sm,
    .my-0\.5\:sm {
        margin-bottom: calc(var(--spacing) * .5)
    }

    .mb-0\.5\:sm:where(:last-child),
    .my-0\.5\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.85\:sm,
    .my-0\.85\:sm {
        margin-bottom: calc(var(--spacing) * .85)
    }

    .mb-0\.85\:sm:where(:last-child),
    .my-0\.85\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.9\:sm,
    .my-0\.9\:sm {
        margin-bottom: calc(var(--spacing) * .9)
    }

    .mb-0\.9\:sm:where(:last-child),
    .my-0\.9\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\:sm,
    .my-1\:sm {
        margin-bottom: var(--spacing)
    }

    .mb-1\:sm:where(:last-child),
    .my-1\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\.25\:sm,
    .my-1\.25\:sm {
        margin-bottom: calc(var(--spacing) * 1.25)
    }

    .mb-1\.25\:sm:where(:last-child),
    .my-1\.25\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\.33\:sm,
    .my-1\.33\:sm {
        margin-bottom: calc(var(--spacing) * 1.33)
    }

    .mb-1\.33\:sm:where(:last-child),
    .my-1\.33\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\.5\:sm,
    .my-1\.5\:sm {
        margin-bottom: calc(var(--spacing) * 1.5)
    }

    .mb-1\.5\:sm:where(:last-child),
    .my-1\.5\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-2\:sm,
    .my-2\:sm {
        margin-bottom: calc(var(--spacing) * 2)
    }

    .mb-2\:sm:where(:last-child),
    .my-2\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-2\.5\:sm,
    .my-2\.5\:sm {
        margin-bottom: calc(var(--spacing) * 2.5)
    }

    .mb-2\.5\:sm:where(:last-child),
    .my-2\.5\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-3\:sm,
    .my-3\:sm {
        margin-bottom: calc(var(--spacing) * 3)
    }

    .mb-3\:sm:where(:last-child),
    .my-3\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-3\.5\:sm,
    .my-3\.5\:sm {
        margin-bottom: calc(var(--spacing) * 3.5)
    }

    .mb-3\.5\:sm:where(:last-child),
    .my-3\.5\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-4\:sm,
    .my-4\:sm {
        margin-bottom: calc(var(--spacing) * 4)
    }

    .mb-4\:sm:where(:last-child),
    .my-4\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-5\:sm,
    .my-5\:sm {
        margin-bottom: calc(var(--spacing) * 5)
    }

    .mb-5\:sm:where(:last-child),
    .my-5\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-6\:sm,
    .my-6\:sm {
        margin-bottom: calc(var(--spacing) * 6)
    }

    .mb-6\:sm:where(:last-child),
    .my-6\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-6\.5\:sm,
    .my-6\.5\:sm {
        margin-bottom: calc(var(--spacing) * 6.5)
    }

    .mb-6\.5\:sm:where(:last-child),
    .my-6\.5\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-7\:sm,
    .my-7\:sm {
        margin-bottom: calc(var(--spacing) * 7)
    }

    .mb-7\:sm:where(:last-child),
    .my-7\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-8\:sm,
    .my-8\:sm {
        margin-bottom: calc(var(--spacing) * 8)
    }

    .mb-8\:sm:where(:last-child),
    .my-8\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-layout\:sm,
    .my-layout\:sm {
        margin-bottom: var(--spacing-layout)
    }

    .mb-layout\:sm:where(:last-child),
    .my-layout\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-layout-4\:sm,
    .my-layout-4\:sm {
        margin-bottom: calc(var(--spacing-layout) * 4)
    }

    .mb-layout-4\:sm:where(:last-child),
    .my-layout-4\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-grid\:sm,
    .my-grid\:sm {
        margin-bottom: var(--spacing-grid)
    }

    .mb-grid\:sm:where(:last-child),
    .my-grid\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-auto\:sm,
    .my-auto\:sm {
        margin-bottom: auto
    }

    .mb-auto\:sm:where(:last-child),
    .my-auto\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .ml-0\:sm,
    .mx-0\:sm {
        margin-left: 0
    }

    .ml-0\.2\:sm,
    .mx-0\.2\:sm {
        margin-left: calc(var(--spacing) * .2)
    }

    .ml-0\.25\:sm,
    .mx-0\.25\:sm {
        margin-left: calc(var(--spacing) * .25)
    }

    .ml-0\.3\:sm,
    .mx-0\.3\:sm {
        margin-left: calc(var(--spacing) * .3)
    }

    .ml-0\.4\:sm,
    .mx-0\.4\:sm {
        margin-left: calc(var(--spacing) * .4)
    }

    .ml-0\.5\:sm,
    .mx-0\.5\:sm {
        margin-left: calc(var(--spacing) * .5)
    }

    .ml-0\.85\:sm,
    .mx-0\.85\:sm {
        margin-left: calc(var(--spacing) * .85)
    }

    .ml-0\.9\:sm,
    .mx-0\.9\:sm {
        margin-left: calc(var(--spacing) * .9)
    }

    .ml-1\:sm,
    .mx-1\:sm {
        margin-left: var(--spacing)
    }

    .ml-1\.25\:sm,
    .mx-1\.25\:sm {
        margin-left: calc(var(--spacing) * 1.25)
    }

    .ml-1\.33\:sm,
    .mx-1\.33\:sm {
        margin-left: calc(var(--spacing) * 1.33)
    }

    .ml-1\.5\:sm,
    .mx-1\.5\:sm {
        margin-left: calc(var(--spacing) * 1.5)
    }

    .ml-2\:sm,
    .mx-2\:sm {
        margin-left: calc(var(--spacing) * 2)
    }

    .ml-2\.5\:sm,
    .mx-2\.5\:sm {
        margin-left: calc(var(--spacing) * 2.5)
    }

    .ml-3\:sm,
    .mx-3\:sm {
        margin-left: calc(var(--spacing) * 3)
    }

    .ml-3\.5\:sm,
    .mx-3\.5\:sm {
        margin-left: calc(var(--spacing) * 3.5)
    }

    .ml-4\:sm,
    .mx-4\:sm {
        margin-left: calc(var(--spacing) * 4)
    }

    .ml-5\:sm,
    .mx-5\:sm {
        margin-left: calc(var(--spacing) * 5)
    }

    .ml-6\:sm,
    .mx-6\:sm {
        margin-left: calc(var(--spacing) * 6)
    }

    .ml-6\.5\:sm,
    .mx-6\.5\:sm {
        margin-left: calc(var(--spacing) * 6.5)
    }

    .ml-7\:sm,
    .mx-7\:sm {
        margin-left: calc(var(--spacing) * 7)
    }

    .ml-8\:sm,
    .mx-8\:sm {
        margin-left: calc(var(--spacing) * 8)
    }

    .ml-layout\:sm,
    .mx-layout\:sm {
        margin-left: var(--spacing-layout)
    }

    .ml-layout-4\:sm,
    .mx-layout-4\:sm {
        margin-left: calc(var(--spacing-layout) * 4)
    }

    .ml-grid\:sm,
    .mx-grid\:sm {
        margin-left: var(--spacing-grid)
    }

    .ml-auto\:sm,
    .mx-auto\:sm {
        margin-left: auto
    }

    .mr-0\:sm,
    .mx-0\:sm {
        margin-right: 0
    }

    .mr-0\.2\:sm,
    .mx-0\.2\:sm {
        margin-right: calc(var(--spacing) * .2)
    }

    .mr-0\.25\:sm,
    .mx-0\.25\:sm {
        margin-right: calc(var(--spacing) * .25)
    }

    .mr-0\.3\:sm,
    .mx-0\.3\:sm {
        margin-right: calc(var(--spacing) * .3)
    }

    .mr-0\.4\:sm,
    .mx-0\.4\:sm {
        margin-right: calc(var(--spacing) * .4)
    }

    .mr-0\.5\:sm,
    .mx-0\.5\:sm {
        margin-right: calc(var(--spacing) * .5)
    }

    .mr-0\.85\:sm,
    .mx-0\.85\:sm {
        margin-right: calc(var(--spacing) * .85)
    }

    .mr-0\.9\:sm,
    .mx-0\.9\:sm {
        margin-right: calc(var(--spacing) * .9)
    }

    .mr-1\:sm,
    .mx-1\:sm {
        margin-right: var(--spacing)
    }

    .mr-1\.25\:sm,
    .mx-1\.25\:sm {
        margin-right: calc(var(--spacing) * 1.25)
    }

    .mr-1\.33\:sm,
    .mx-1\.33\:sm {
        margin-right: calc(var(--spacing) * 1.33)
    }

    .mr-1\.5\:sm,
    .mx-1\.5\:sm {
        margin-right: calc(var(--spacing) * 1.5)
    }

    .mr-2\:sm,
    .mx-2\:sm {
        margin-right: calc(var(--spacing) * 2)
    }

    .mr-2\.5\:sm,
    .mx-2\.5\:sm {
        margin-right: calc(var(--spacing) * 2.5)
    }

    .mr-3\:sm,
    .mx-3\:sm {
        margin-right: calc(var(--spacing) * 3)
    }

    .mr-3\.5\:sm,
    .mx-3\.5\:sm {
        margin-right: calc(var(--spacing) * 3.5)
    }

    .mr-4\:sm,
    .mx-4\:sm {
        margin-right: calc(var(--spacing) * 4)
    }

    .mr-5\:sm,
    .mx-5\:sm {
        margin-right: calc(var(--spacing) * 5)
    }

    .mr-6\:sm,
    .mx-6\:sm {
        margin-right: calc(var(--spacing) * 6)
    }

    .mr-6\.5\:sm,
    .mx-6\.5\:sm {
        margin-right: calc(var(--spacing) * 6.5)
    }

    .mr-7\:sm,
    .mx-7\:sm {
        margin-right: calc(var(--spacing) * 7)
    }

    .mr-8\:sm,
    .mx-8\:sm {
        margin-right: calc(var(--spacing) * 8)
    }

    .mr-layout\:sm,
    .mx-layout\:sm {
        margin-right: var(--spacing-layout)
    }

    .mr-layout-4\:sm,
    .mx-layout-4\:sm {
        margin-right: calc(var(--spacing-layout) * 4)
    }

    .mr-grid\:sm,
    .mx-grid\:sm {
        margin-right: var(--spacing-grid)
    }

    .mr-auto\:sm,
    .mx-auto\:sm {
        margin-right: auto
    }
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9),
(min-width:668px) and (max-aspect-ratio:10/11),
(min-width:668px) and (min-height:416px),
(min-width:980px) {

    .pt-0\:md,
    .py-0\:md {
        padding-top: 0
    }

    .pt-0\.2\:md,
    .py-0\.2\:md {
        padding-top: calc(var(--spacing) * .2)
    }

    .pt-0\.25\:md,
    .py-0\.25\:md {
        padding-top: calc(var(--spacing) * .25)
    }

    .pt-0\.3\:md,
    .py-0\.3\:md {
        padding-top: calc(var(--spacing) * .3)
    }

    .pt-0\.4\:md,
    .py-0\.4\:md {
        padding-top: calc(var(--spacing) * .4)
    }

    .pt-0\.5\:md,
    .py-0\.5\:md {
        padding-top: calc(var(--spacing) * .5)
    }

    .pt-0\.85\:md,
    .py-0\.85\:md {
        padding-top: calc(var(--spacing) * .85)
    }

    .pt-0\.9\:md,
    .py-0\.9\:md {
        padding-top: calc(var(--spacing) * .9)
    }

    .pt-1\:md,
    .py-1\:md {
        padding-top: var(--spacing)
    }

    .pt-1\.25\:md,
    .py-1\.25\:md {
        padding-top: calc(var(--spacing) * 1.25)
    }

    .pt-1\.33\:md,
    .py-1\.33\:md {
        padding-top: calc(var(--spacing) * 1.33)
    }

    .pt-1\.5\:md,
    .py-1\.5\:md {
        padding-top: calc(var(--spacing) * 1.5)
    }

    .pt-2\:md,
    .py-2\:md {
        padding-top: calc(var(--spacing) * 2)
    }

    .pt-2\.5\:md,
    .py-2\.5\:md {
        padding-top: calc(var(--spacing) * 2.5)
    }

    .pt-3\:md,
    .py-3\:md {
        padding-top: calc(var(--spacing) * 3)
    }

    .pt-3\.5\:md,
    .py-3\.5\:md {
        padding-top: calc(var(--spacing) * 3.5)
    }

    .pt-4\:md,
    .py-4\:md {
        padding-top: calc(var(--spacing) * 4)
    }

    .pt-5\:md,
    .py-5\:md {
        padding-top: calc(var(--spacing) * 5)
    }

    .pt-6\:md,
    .py-6\:md {
        padding-top: calc(var(--spacing) * 6)
    }

    .pt-6\.5\:md,
    .py-6\.5\:md {
        padding-top: calc(var(--spacing) * 6.5)
    }

    .pt-7\:md,
    .py-7\:md {
        padding-top: calc(var(--spacing) * 7)
    }

    .pt-8\:md,
    .py-8\:md {
        padding-top: calc(var(--spacing) * 8)
    }

    .pt-layout\:md,
    .py-layout\:md {
        padding-top: var(--spacing-layout)
    }

    .pt-layout-4\:md,
    .py-layout-4\:md {
        padding-top: calc(var(--spacing-layout) * 4)
    }

    .pt-grid\:md,
    .py-grid\:md {
        padding-top: var(--spacing-grid)
    }

    .pb-0\:md,
    .py-0\:md {
        padding-bottom: 0
    }

    .pb-0\.2\:md,
    .py-0\.2\:md {
        padding-bottom: calc(var(--spacing) * .2)
    }

    .pb-0\.25\:md,
    .py-0\.25\:md {
        padding-bottom: calc(var(--spacing) * .25)
    }

    .pb-0\.3\:md,
    .py-0\.3\:md {
        padding-bottom: calc(var(--spacing) * .3)
    }

    .pb-0\.4\:md,
    .py-0\.4\:md {
        padding-bottom: calc(var(--spacing) * .4)
    }

    .pb-0\.5\:md,
    .py-0\.5\:md {
        padding-bottom: calc(var(--spacing) * .5)
    }

    .pb-0\.85\:md,
    .py-0\.85\:md {
        padding-bottom: calc(var(--spacing) * .85)
    }

    .pb-0\.9\:md,
    .py-0\.9\:md {
        padding-bottom: calc(var(--spacing) * .9)
    }

    .pb-1\:md,
    .py-1\:md {
        padding-bottom: var(--spacing)
    }

    .pb-1\.25\:md,
    .py-1\.25\:md {
        padding-bottom: calc(var(--spacing) * 1.25)
    }

    .pb-1\.33\:md,
    .py-1\.33\:md {
        padding-bottom: calc(var(--spacing) * 1.33)
    }

    .pb-1\.5\:md,
    .py-1\.5\:md {
        padding-bottom: calc(var(--spacing) * 1.5)
    }

    .pb-2\:md,
    .py-2\:md {
        padding-bottom: calc(var(--spacing) * 2)
    }

    .pb-2\.5\:md,
    .py-2\.5\:md {
        padding-bottom: calc(var(--spacing) * 2.5)
    }

    .pb-3\:md,
    .py-3\:md {
        padding-bottom: calc(var(--spacing) * 3)
    }

    .pb-3\.5\:md,
    .py-3\.5\:md {
        padding-bottom: calc(var(--spacing) * 3.5)
    }

    .pb-4\:md,
    .py-4\:md {
        padding-bottom: calc(var(--spacing) * 4)
    }

    .pb-5\:md,
    .py-5\:md {
        padding-bottom: calc(var(--spacing) * 5)
    }

    .pb-6\:md,
    .py-6\:md {
        padding-bottom: calc(var(--spacing) * 6)
    }

    .pb-6\.5\:md,
    .py-6\.5\:md {
        padding-bottom: calc(var(--spacing) * 6.5)
    }

    .pb-7\:md,
    .py-7\:md {
        padding-bottom: calc(var(--spacing) * 7)
    }

    .pb-8\:md,
    .py-8\:md {
        padding-bottom: calc(var(--spacing) * 8)
    }

    .pb-layout\:md,
    .py-layout\:md {
        padding-bottom: var(--spacing-layout)
    }

    .pb-layout-4\:md,
    .py-layout-4\:md {
        padding-bottom: calc(var(--spacing-layout) * 4)
    }

    .pb-grid\:md,
    .py-grid\:md {
        padding-bottom: var(--spacing-grid)
    }

    .pl-0\:md,
    .px-0\:md {
        padding-left: 0
    }

    .pl-0\.2\:md,
    .px-0\.2\:md {
        padding-left: calc(var(--spacing) * .2)
    }

    .pl-0\.25\:md,
    .px-0\.25\:md {
        padding-left: calc(var(--spacing) * .25)
    }

    .pl-0\.3\:md,
    .px-0\.3\:md {
        padding-left: calc(var(--spacing) * .3)
    }

    .pl-0\.4\:md,
    .px-0\.4\:md {
        padding-left: calc(var(--spacing) * .4)
    }

    .pl-0\.5\:md,
    .px-0\.5\:md {
        padding-left: calc(var(--spacing) * .5)
    }

    .pl-0\.85\:md,
    .px-0\.85\:md {
        padding-left: calc(var(--spacing) * .85)
    }

    .pl-0\.9\:md,
    .px-0\.9\:md {
        padding-left: calc(var(--spacing) * .9)
    }

    .pl-1\:md,
    .px-1\:md {
        padding-left: var(--spacing)
    }

    .pl-1\.25\:md,
    .px-1\.25\:md {
        padding-left: calc(var(--spacing) * 1.25)
    }

    .pl-1\.33\:md,
    .px-1\.33\:md {
        padding-left: calc(var(--spacing) * 1.33)
    }

    .pl-1\.5\:md,
    .px-1\.5\:md {
        padding-left: calc(var(--spacing) * 1.5)
    }

    .pl-2\:md,
    .px-2\:md {
        padding-left: calc(var(--spacing) * 2)
    }

    .pl-2\.5\:md,
    .px-2\.5\:md {
        padding-left: calc(var(--spacing) * 2.5)
    }

    .pl-3\:md,
    .px-3\:md {
        padding-left: calc(var(--spacing) * 3)
    }

    .pl-3\.5\:md,
    .px-3\.5\:md {
        padding-left: calc(var(--spacing) * 3.5)
    }

    .pl-4\:md,
    .px-4\:md {
        padding-left: calc(var(--spacing) * 4)
    }

    .pl-5\:md,
    .px-5\:md {
        padding-left: calc(var(--spacing) * 5)
    }

    .pl-6\:md,
    .px-6\:md {
        padding-left: calc(var(--spacing) * 6)
    }

    .pl-6\.5\:md,
    .px-6\.5\:md {
        padding-left: calc(var(--spacing) * 6.5)
    }

    .pl-7\:md,
    .px-7\:md {
        padding-left: calc(var(--spacing) * 7)
    }

    .pl-8\:md,
    .px-8\:md {
        padding-left: calc(var(--spacing) * 8)
    }

    .pl-layout\:md,
    .px-layout\:md {
        padding-left: var(--spacing-layout)
    }

    .pl-layout-4\:md,
    .px-layout-4\:md {
        padding-left: calc(var(--spacing-layout) * 4)
    }

    .pl-grid\:md,
    .px-grid\:md {
        padding-left: var(--spacing-grid)
    }

    .pr-0\:md,
    .px-0\:md {
        padding-right: 0
    }

    .pr-0\.2\:md,
    .px-0\.2\:md {
        padding-right: calc(var(--spacing) * .2)
    }

    .pr-0\.25\:md,
    .px-0\.25\:md {
        padding-right: calc(var(--spacing) * .25)
    }

    .pr-0\.3\:md,
    .px-0\.3\:md {
        padding-right: calc(var(--spacing) * .3)
    }

    .pr-0\.4\:md,
    .px-0\.4\:md {
        padding-right: calc(var(--spacing) * .4)
    }

    .pr-0\.5\:md,
    .px-0\.5\:md {
        padding-right: calc(var(--spacing) * .5)
    }

    .pr-0\.85\:md,
    .px-0\.85\:md {
        padding-right: calc(var(--spacing) * .85)
    }

    .pr-0\.9\:md,
    .px-0\.9\:md {
        padding-right: calc(var(--spacing) * .9)
    }

    .pr-1\:md,
    .px-1\:md {
        padding-right: var(--spacing)
    }

    .pr-1\.25\:md,
    .px-1\.25\:md {
        padding-right: calc(var(--spacing) * 1.25)
    }

    .pr-1\.33\:md,
    .px-1\.33\:md {
        padding-right: calc(var(--spacing) * 1.33)
    }

    .pr-1\.5\:md,
    .px-1\.5\:md {
        padding-right: calc(var(--spacing) * 1.5)
    }

    .pr-2\:md,
    .px-2\:md {
        padding-right: calc(var(--spacing) * 2)
    }

    .pr-2\.5\:md,
    .px-2\.5\:md {
        padding-right: calc(var(--spacing) * 2.5)
    }

    .pr-3\:md,
    .px-3\:md {
        padding-right: calc(var(--spacing) * 3)
    }

    .pr-3\.5\:md,
    .px-3\.5\:md {
        padding-right: calc(var(--spacing) * 3.5)
    }

    .pr-4\:md,
    .px-4\:md {
        padding-right: calc(var(--spacing) * 4)
    }

    .pr-5\:md,
    .px-5\:md {
        padding-right: calc(var(--spacing) * 5)
    }

    .pr-6\:md,
    .px-6\:md {
        padding-right: calc(var(--spacing) * 6)
    }

    .pr-6\.5\:md,
    .px-6\.5\:md {
        padding-right: calc(var(--spacing) * 6.5)
    }

    .pr-7\:md,
    .px-7\:md {
        padding-right: calc(var(--spacing) * 7)
    }

    .pr-8\:md,
    .px-8\:md {
        padding-right: calc(var(--spacing) * 8)
    }

    .pr-layout\:md,
    .px-layout\:md {
        padding-right: var(--spacing-layout)
    }

    .pr-layout-4\:md,
    .px-layout-4\:md {
        padding-right: calc(var(--spacing-layout) * 4)
    }

    .pr-grid\:md,
    .px-grid\:md {
        padding-right: var(--spacing-grid)
    }

    .mt-0\:md,
    .my-0\:md {
        margin-top: 0
    }

    .mt-0\:md:where(:first-child),
    .my-0\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.2\:md,
    .my-0\.2\:md {
        margin-top: calc(var(--spacing) * .2)
    }

    .mt-0\.2\:md:where(:first-child),
    .my-0\.2\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.25\:md,
    .my-0\.25\:md {
        margin-top: calc(var(--spacing) * .25)
    }

    .mt-0\.25\:md:where(:first-child),
    .my-0\.25\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.3\:md,
    .my-0\.3\:md {
        margin-top: calc(var(--spacing) * .3)
    }

    .mt-0\.3\:md:where(:first-child),
    .my-0\.3\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.4\:md,
    .my-0\.4\:md {
        margin-top: calc(var(--spacing) * .4)
    }

    .mt-0\.4\:md:where(:first-child),
    .my-0\.4\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.5\:md,
    .my-0\.5\:md {
        margin-top: calc(var(--spacing) * .5)
    }

    .mt-0\.5\:md:where(:first-child),
    .my-0\.5\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.85\:md,
    .my-0\.85\:md {
        margin-top: calc(var(--spacing) * .85)
    }

    .mt-0\.85\:md:where(:first-child),
    .my-0\.85\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.9\:md,
    .my-0\.9\:md {
        margin-top: calc(var(--spacing) * .9)
    }

    .mt-0\.9\:md:where(:first-child),
    .my-0\.9\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-1\:md,
    .my-1\:md {
        margin-top: var(--spacing)
    }

    .mt-1\:md:where(:first-child),
    .my-1\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-1\.25\:md,
    .my-1\.25\:md {
        margin-top: calc(var(--spacing) * 1.25)
    }

    .mt-1\.25\:md:where(:first-child),
    .my-1\.25\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-1\.33\:md,
    .my-1\.33\:md {
        margin-top: calc(var(--spacing) * 1.33)
    }

    .mt-1\.33\:md:where(:first-child),
    .my-1\.33\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-1\.5\:md,
    .my-1\.5\:md {
        margin-top: calc(var(--spacing) * 1.5)
    }

    .mt-1\.5\:md:where(:first-child),
    .my-1\.5\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-2\:md,
    .my-2\:md {
        margin-top: calc(var(--spacing) * 2)
    }

    .mt-2\:md:where(:first-child),
    .my-2\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-2\.5\:md,
    .my-2\.5\:md {
        margin-top: calc(var(--spacing) * 2.5)
    }

    .mt-2\.5\:md:where(:first-child),
    .my-2\.5\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-3\:md,
    .my-3\:md {
        margin-top: calc(var(--spacing) * 3)
    }

    .mt-3\:md:where(:first-child),
    .my-3\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-3\.5\:md,
    .my-3\.5\:md {
        margin-top: calc(var(--spacing) * 3.5)
    }

    .mt-3\.5\:md:where(:first-child),
    .my-3\.5\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-4\:md,
    .my-4\:md {
        margin-top: calc(var(--spacing) * 4)
    }

    .mt-4\:md:where(:first-child),
    .my-4\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-5\:md,
    .my-5\:md {
        margin-top: calc(var(--spacing) * 5)
    }

    .mt-5\:md:where(:first-child),
    .my-5\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-6\:md,
    .my-6\:md {
        margin-top: calc(var(--spacing) * 6)
    }

    .mt-6\:md:where(:first-child),
    .my-6\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-6\.5\:md,
    .my-6\.5\:md {
        margin-top: calc(var(--spacing) * 6.5)
    }

    .mt-6\.5\:md:where(:first-child),
    .my-6\.5\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-7\:md,
    .my-7\:md {
        margin-top: calc(var(--spacing) * 7)
    }

    .mt-7\:md:where(:first-child),
    .my-7\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-8\:md,
    .my-8\:md {
        margin-top: calc(var(--spacing) * 8)
    }

    .mt-8\:md:where(:first-child),
    .my-8\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-layout\:md,
    .my-layout\:md {
        margin-top: var(--spacing-layout)
    }

    .mt-layout\:md:where(:first-child),
    .my-layout\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-layout-4\:md,
    .my-layout-4\:md {
        margin-top: calc(var(--spacing-layout) * 4)
    }

    .mt-layout-4\:md:where(:first-child),
    .my-layout-4\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-grid\:md,
    .my-grid\:md {
        margin-top: var(--spacing-grid)
    }

    .mt-grid\:md:where(:first-child),
    .my-grid\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-auto\:md,
    .my-auto\:md {
        margin-top: auto
    }

    .mt-auto\:md:where(:first-child),
    .my-auto\:md:where(:first-child) {
        margin-top: 0
    }

    .mb-0\:md,
    .my-0\:md {
        margin-bottom: 0
    }

    .mb-0\:md:where(:last-child),
    .my-0\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.2\:md,
    .my-0\.2\:md {
        margin-bottom: calc(var(--spacing) * .2)
    }

    .mb-0\.2\:md:where(:last-child),
    .my-0\.2\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.25\:md,
    .my-0\.25\:md {
        margin-bottom: calc(var(--spacing) * .25)
    }

    .mb-0\.25\:md:where(:last-child),
    .my-0\.25\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.3\:md,
    .my-0\.3\:md {
        margin-bottom: calc(var(--spacing) * .3)
    }

    .mb-0\.3\:md:where(:last-child),
    .my-0\.3\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.4\:md,
    .my-0\.4\:md {
        margin-bottom: calc(var(--spacing) * .4)
    }

    .mb-0\.4\:md:where(:last-child),
    .my-0\.4\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.5\:md,
    .my-0\.5\:md {
        margin-bottom: calc(var(--spacing) * .5)
    }

    .mb-0\.5\:md:where(:last-child),
    .my-0\.5\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.85\:md,
    .my-0\.85\:md {
        margin-bottom: calc(var(--spacing) * .85)
    }

    .mb-0\.85\:md:where(:last-child),
    .my-0\.85\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.9\:md,
    .my-0\.9\:md {
        margin-bottom: calc(var(--spacing) * .9)
    }

    .mb-0\.9\:md:where(:last-child),
    .my-0\.9\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\:md,
    .my-1\:md {
        margin-bottom: var(--spacing)
    }

    .mb-1\:md:where(:last-child),
    .my-1\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\.25\:md,
    .my-1\.25\:md {
        margin-bottom: calc(var(--spacing) * 1.25)
    }

    .mb-1\.25\:md:where(:last-child),
    .my-1\.25\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\.33\:md,
    .my-1\.33\:md {
        margin-bottom: calc(var(--spacing) * 1.33)
    }

    .mb-1\.33\:md:where(:last-child),
    .my-1\.33\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\.5\:md,
    .my-1\.5\:md {
        margin-bottom: calc(var(--spacing) * 1.5)
    }

    .mb-1\.5\:md:where(:last-child),
    .my-1\.5\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-2\:md,
    .my-2\:md {
        margin-bottom: calc(var(--spacing) * 2)
    }

    .mb-2\:md:where(:last-child),
    .my-2\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-2\.5\:md,
    .my-2\.5\:md {
        margin-bottom: calc(var(--spacing) * 2.5)
    }

    .mb-2\.5\:md:where(:last-child),
    .my-2\.5\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-3\:md,
    .my-3\:md {
        margin-bottom: calc(var(--spacing) * 3)
    }

    .mb-3\:md:where(:last-child),
    .my-3\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-3\.5\:md,
    .my-3\.5\:md {
        margin-bottom: calc(var(--spacing) * 3.5)
    }

    .mb-3\.5\:md:where(:last-child),
    .my-3\.5\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-4\:md,
    .my-4\:md {
        margin-bottom: calc(var(--spacing) * 4)
    }

    .mb-4\:md:where(:last-child),
    .my-4\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-5\:md,
    .my-5\:md {
        margin-bottom: calc(var(--spacing) * 5)
    }

    .mb-5\:md:where(:last-child),
    .my-5\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-6\:md,
    .my-6\:md {
        margin-bottom: calc(var(--spacing) * 6)
    }

    .mb-6\:md:where(:last-child),
    .my-6\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-6\.5\:md,
    .my-6\.5\:md {
        margin-bottom: calc(var(--spacing) * 6.5)
    }

    .mb-6\.5\:md:where(:last-child),
    .my-6\.5\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-7\:md,
    .my-7\:md {
        margin-bottom: calc(var(--spacing) * 7)
    }

    .mb-7\:md:where(:last-child),
    .my-7\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-8\:md,
    .my-8\:md {
        margin-bottom: calc(var(--spacing) * 8)
    }

    .mb-8\:md:where(:last-child),
    .my-8\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-layout\:md,
    .my-layout\:md {
        margin-bottom: var(--spacing-layout)
    }

    .mb-layout\:md:where(:last-child),
    .my-layout\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-layout-4\:md,
    .my-layout-4\:md {
        margin-bottom: calc(var(--spacing-layout) * 4)
    }

    .mb-layout-4\:md:where(:last-child),
    .my-layout-4\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-grid\:md,
    .my-grid\:md {
        margin-bottom: var(--spacing-grid)
    }

    .mb-grid\:md:where(:last-child),
    .my-grid\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-auto\:md,
    .my-auto\:md {
        margin-bottom: auto
    }

    .mb-auto\:md:where(:last-child),
    .my-auto\:md:where(:last-child) {
        margin-bottom: 0
    }

    .ml-0\:md,
    .mx-0\:md {
        margin-left: 0
    }

    .ml-0\.2\:md,
    .mx-0\.2\:md {
        margin-left: calc(var(--spacing) * .2)
    }

    .ml-0\.25\:md,
    .mx-0\.25\:md {
        margin-left: calc(var(--spacing) * .25)
    }

    .ml-0\.3\:md,
    .mx-0\.3\:md {
        margin-left: calc(var(--spacing) * .3)
    }

    .ml-0\.4\:md,
    .mx-0\.4\:md {
        margin-left: calc(var(--spacing) * .4)
    }

    .ml-0\.5\:md,
    .mx-0\.5\:md {
        margin-left: calc(var(--spacing) * .5)
    }

    .ml-0\.85\:md,
    .mx-0\.85\:md {
        margin-left: calc(var(--spacing) * .85)
    }

    .ml-0\.9\:md,
    .mx-0\.9\:md {
        margin-left: calc(var(--spacing) * .9)
    }

    .ml-1\:md,
    .mx-1\:md {
        margin-left: var(--spacing)
    }

    .ml-1\.25\:md,
    .mx-1\.25\:md {
        margin-left: calc(var(--spacing) * 1.25)
    }

    .ml-1\.33\:md,
    .mx-1\.33\:md {
        margin-left: calc(var(--spacing) * 1.33)
    }

    .ml-1\.5\:md,
    .mx-1\.5\:md {
        margin-left: calc(var(--spacing) * 1.5)
    }

    .ml-2\:md,
    .mx-2\:md {
        margin-left: calc(var(--spacing) * 2)
    }

    .ml-2\.5\:md,
    .mx-2\.5\:md {
        margin-left: calc(var(--spacing) * 2.5)
    }

    .ml-3\:md,
    .mx-3\:md {
        margin-left: calc(var(--spacing) * 3)
    }

    .ml-3\.5\:md,
    .mx-3\.5\:md {
        margin-left: calc(var(--spacing) * 3.5)
    }

    .ml-4\:md,
    .mx-4\:md {
        margin-left: calc(var(--spacing) * 4)
    }

    .ml-5\:md,
    .mx-5\:md {
        margin-left: calc(var(--spacing) * 5)
    }

    .ml-6\:md,
    .mx-6\:md {
        margin-left: calc(var(--spacing) * 6)
    }

    .ml-6\.5\:md,
    .mx-6\.5\:md {
        margin-left: calc(var(--spacing) * 6.5)
    }

    .ml-7\:md,
    .mx-7\:md {
        margin-left: calc(var(--spacing) * 7)
    }

    .ml-8\:md,
    .mx-8\:md {
        margin-left: calc(var(--spacing) * 8)
    }

    .ml-layout\:md,
    .mx-layout\:md {
        margin-left: var(--spacing-layout)
    }

    .ml-layout-4\:md,
    .mx-layout-4\:md {
        margin-left: calc(var(--spacing-layout) * 4)
    }

    .ml-grid\:md,
    .mx-grid\:md {
        margin-left: var(--spacing-grid)
    }

    .ml-auto\:md,
    .mx-auto\:md {
        margin-left: auto
    }

    .mr-0\:md,
    .mx-0\:md {
        margin-right: 0
    }

    .mr-0\.2\:md,
    .mx-0\.2\:md {
        margin-right: calc(var(--spacing) * .2)
    }

    .mr-0\.25\:md,
    .mx-0\.25\:md {
        margin-right: calc(var(--spacing) * .25)
    }

    .mr-0\.3\:md,
    .mx-0\.3\:md {
        margin-right: calc(var(--spacing) * .3)
    }

    .mr-0\.4\:md,
    .mx-0\.4\:md {
        margin-right: calc(var(--spacing) * .4)
    }

    .mr-0\.5\:md,
    .mx-0\.5\:md {
        margin-right: calc(var(--spacing) * .5)
    }

    .mr-0\.85\:md,
    .mx-0\.85\:md {
        margin-right: calc(var(--spacing) * .85)
    }

    .mr-0\.9\:md,
    .mx-0\.9\:md {
        margin-right: calc(var(--spacing) * .9)
    }

    .mr-1\:md,
    .mx-1\:md {
        margin-right: var(--spacing)
    }

    .mr-1\.25\:md,
    .mx-1\.25\:md {
        margin-right: calc(var(--spacing) * 1.25)
    }

    .mr-1\.33\:md,
    .mx-1\.33\:md {
        margin-right: calc(var(--spacing) * 1.33)
    }

    .mr-1\.5\:md,
    .mx-1\.5\:md {
        margin-right: calc(var(--spacing) * 1.5)
    }

    .mr-2\:md,
    .mx-2\:md {
        margin-right: calc(var(--spacing) * 2)
    }

    .mr-2\.5\:md,
    .mx-2\.5\:md {
        margin-right: calc(var(--spacing) * 2.5)
    }

    .mr-3\:md,
    .mx-3\:md {
        margin-right: calc(var(--spacing) * 3)
    }

    .mr-3\.5\:md,
    .mx-3\.5\:md {
        margin-right: calc(var(--spacing) * 3.5)
    }

    .mr-4\:md,
    .mx-4\:md {
        margin-right: calc(var(--spacing) * 4)
    }

    .mr-5\:md,
    .mx-5\:md {
        margin-right: calc(var(--spacing) * 5)
    }

    .mr-6\:md,
    .mx-6\:md {
        margin-right: calc(var(--spacing) * 6)
    }

    .mr-6\.5\:md,
    .mx-6\.5\:md {
        margin-right: calc(var(--spacing) * 6.5)
    }

    .mr-7\:md,
    .mx-7\:md {
        margin-right: calc(var(--spacing) * 7)
    }

    .mr-8\:md,
    .mx-8\:md {
        margin-right: calc(var(--spacing) * 8)
    }

    .mr-layout\:md,
    .mx-layout\:md {
        margin-right: var(--spacing-layout)
    }

    .mr-layout-4\:md,
    .mx-layout-4\:md {
        margin-right: calc(var(--spacing-layout) * 4)
    }

    .mr-grid\:md,
    .mx-grid\:md {
        margin-right: var(--spacing-grid)
    }

    .mr-auto\:md,
    .mx-auto\:md {
        margin-right: auto
    }
}

@media (min-width:1440px),
(min-width:980px) and (min-aspect-ratio:10/11) {

    .pt-0\:lg,
    .py-0\:lg {
        padding-top: 0
    }

    .pt-0\.2\:lg,
    .py-0\.2\:lg {
        padding-top: calc(var(--spacing) * .2)
    }

    .pt-0\.25\:lg,
    .py-0\.25\:lg {
        padding-top: calc(var(--spacing) * .25)
    }

    .pt-0\.3\:lg,
    .py-0\.3\:lg {
        padding-top: calc(var(--spacing) * .3)
    }

    .pt-0\.4\:lg,
    .py-0\.4\:lg {
        padding-top: calc(var(--spacing) * .4)
    }

    .pt-0\.5\:lg,
    .py-0\.5\:lg {
        padding-top: calc(var(--spacing) * .5)
    }

    .pt-0\.85\:lg,
    .py-0\.85\:lg {
        padding-top: calc(var(--spacing) * .85)
    }

    .pt-0\.9\:lg,
    .py-0\.9\:lg {
        padding-top: calc(var(--spacing) * .9)
    }

    .pt-1\:lg,
    .py-1\:lg {
        padding-top: var(--spacing)
    }

    .pt-1\.25\:lg,
    .py-1\.25\:lg {
        padding-top: calc(var(--spacing) * 1.25)
    }

    .pt-1\.33\:lg,
    .py-1\.33\:lg {
        padding-top: calc(var(--spacing) * 1.33)
    }

    .pt-1\.5\:lg,
    .py-1\.5\:lg {
        padding-top: calc(var(--spacing) * 1.5)
    }

    .pt-2\:lg,
    .py-2\:lg {
        padding-top: calc(var(--spacing) * 2)
    }

    .pt-2\.5\:lg,
    .py-2\.5\:lg {
        padding-top: calc(var(--spacing) * 2.5)
    }

    .pt-3\:lg,
    .py-3\:lg {
        padding-top: calc(var(--spacing) * 3)
    }

    .pt-3\.5\:lg,
    .py-3\.5\:lg {
        padding-top: calc(var(--spacing) * 3.5)
    }

    .pt-4\:lg,
    .py-4\:lg {
        padding-top: calc(var(--spacing) * 4)
    }

    .pt-5\:lg,
    .py-5\:lg {
        padding-top: calc(var(--spacing) * 5)
    }

    .pt-6\:lg,
    .py-6\:lg {
        padding-top: calc(var(--spacing) * 6)
    }

    .pt-6\.5\:lg,
    .py-6\.5\:lg {
        padding-top: calc(var(--spacing) * 6.5)
    }

    .pt-7\:lg,
    .py-7\:lg {
        padding-top: calc(var(--spacing) * 7)
    }

    .pt-8\:lg,
    .py-8\:lg {
        padding-top: calc(var(--spacing) * 8)
    }

    .pt-layout\:lg,
    .py-layout\:lg {
        padding-top: var(--spacing-layout)
    }

    .pt-layout-4\:lg,
    .py-layout-4\:lg {
        padding-top: calc(var(--spacing-layout) * 4)
    }

    .pt-grid\:lg,
    .py-grid\:lg {
        padding-top: var(--spacing-grid)
    }

    .pb-0\:lg,
    .py-0\:lg {
        padding-bottom: 0
    }

    .pb-0\.2\:lg,
    .py-0\.2\:lg {
        padding-bottom: calc(var(--spacing) * .2)
    }

    .pb-0\.25\:lg,
    .py-0\.25\:lg {
        padding-bottom: calc(var(--spacing) * .25)
    }

    .pb-0\.3\:lg,
    .py-0\.3\:lg {
        padding-bottom: calc(var(--spacing) * .3)
    }

    .pb-0\.4\:lg,
    .py-0\.4\:lg {
        padding-bottom: calc(var(--spacing) * .4)
    }

    .pb-0\.5\:lg,
    .py-0\.5\:lg {
        padding-bottom: calc(var(--spacing) * .5)
    }

    .pb-0\.85\:lg,
    .py-0\.85\:lg {
        padding-bottom: calc(var(--spacing) * .85)
    }

    .pb-0\.9\:lg,
    .py-0\.9\:lg {
        padding-bottom: calc(var(--spacing) * .9)
    }

    .pb-1\:lg,
    .py-1\:lg {
        padding-bottom: var(--spacing)
    }

    .pb-1\.25\:lg,
    .py-1\.25\:lg {
        padding-bottom: calc(var(--spacing) * 1.25)
    }

    .pb-1\.33\:lg,
    .py-1\.33\:lg {
        padding-bottom: calc(var(--spacing) * 1.33)
    }

    .pb-1\.5\:lg,
    .py-1\.5\:lg {
        padding-bottom: calc(var(--spacing) * 1.5)
    }

    .pb-2\:lg,
    .py-2\:lg {
        padding-bottom: calc(var(--spacing) * 2)
    }

    .pb-2\.5\:lg,
    .py-2\.5\:lg {
        padding-bottom: calc(var(--spacing) * 2.5)
    }

    .pb-3\:lg,
    .py-3\:lg {
        padding-bottom: calc(var(--spacing) * 3)
    }

    .pb-3\.5\:lg,
    .py-3\.5\:lg {
        padding-bottom: calc(var(--spacing) * 3.5)
    }

    .pb-4\:lg,
    .py-4\:lg {
        padding-bottom: calc(var(--spacing) * 4)
    }

    .pb-5\:lg,
    .py-5\:lg {
        padding-bottom: calc(var(--spacing) * 5)
    }

    .pb-6\:lg,
    .py-6\:lg {
        padding-bottom: calc(var(--spacing) * 6)
    }

    .pb-6\.5\:lg,
    .py-6\.5\:lg {
        padding-bottom: calc(var(--spacing) * 6.5)
    }

    .pb-7\:lg,
    .py-7\:lg {
        padding-bottom: calc(var(--spacing) * 7)
    }

    .pb-8\:lg,
    .py-8\:lg {
        padding-bottom: calc(var(--spacing) * 8)
    }

    .pb-layout\:lg,
    .py-layout\:lg {
        padding-bottom: var(--spacing-layout)
    }

    .pb-layout-4\:lg,
    .py-layout-4\:lg {
        padding-bottom: calc(var(--spacing-layout) * 4)
    }

    .pb-grid\:lg,
    .py-grid\:lg {
        padding-bottom: var(--spacing-grid)
    }

    .pl-0\:lg,
    .px-0\:lg {
        padding-left: 0
    }

    .pl-0\.2\:lg,
    .px-0\.2\:lg {
        padding-left: calc(var(--spacing) * .2)
    }

    .pl-0\.25\:lg,
    .px-0\.25\:lg {
        padding-left: calc(var(--spacing) * .25)
    }

    .pl-0\.3\:lg,
    .px-0\.3\:lg {
        padding-left: calc(var(--spacing) * .3)
    }

    .pl-0\.4\:lg,
    .px-0\.4\:lg {
        padding-left: calc(var(--spacing) * .4)
    }

    .pl-0\.5\:lg,
    .px-0\.5\:lg {
        padding-left: calc(var(--spacing) * .5)
    }

    .pl-0\.85\:lg,
    .px-0\.85\:lg {
        padding-left: calc(var(--spacing) * .85)
    }

    .pl-0\.9\:lg,
    .px-0\.9\:lg {
        padding-left: calc(var(--spacing) * .9)
    }

    .pl-1\:lg,
    .px-1\:lg {
        padding-left: var(--spacing)
    }

    .pl-1\.25\:lg,
    .px-1\.25\:lg {
        padding-left: calc(var(--spacing) * 1.25)
    }

    .pl-1\.33\:lg,
    .px-1\.33\:lg {
        padding-left: calc(var(--spacing) * 1.33)
    }

    .pl-1\.5\:lg,
    .px-1\.5\:lg {
        padding-left: calc(var(--spacing) * 1.5)
    }

    .pl-2\:lg,
    .px-2\:lg {
        padding-left: calc(var(--spacing) * 2)
    }

    .pl-2\.5\:lg,
    .px-2\.5\:lg {
        padding-left: calc(var(--spacing) * 2.5)
    }

    .pl-3\:lg,
    .px-3\:lg {
        padding-left: calc(var(--spacing) * 3)
    }

    .pl-3\.5\:lg,
    .px-3\.5\:lg {
        padding-left: calc(var(--spacing) * 3.5)
    }

    .pl-4\:lg,
    .px-4\:lg {
        padding-left: calc(var(--spacing) * 4)
    }

    .pl-5\:lg,
    .px-5\:lg {
        padding-left: calc(var(--spacing) * 5)
    }

    .pl-6\:lg,
    .px-6\:lg {
        padding-left: calc(var(--spacing) * 6)
    }

    .pl-6\.5\:lg,
    .px-6\.5\:lg {
        padding-left: calc(var(--spacing) * 6.5)
    }

    .pl-7\:lg,
    .px-7\:lg {
        padding-left: calc(var(--spacing) * 7)
    }

    .pl-8\:lg,
    .px-8\:lg {
        padding-left: calc(var(--spacing) * 8)
    }

    .pl-layout\:lg,
    .px-layout\:lg {
        padding-left: var(--spacing-layout)
    }

    .pl-layout-4\:lg,
    .px-layout-4\:lg {
        padding-left: calc(var(--spacing-layout) * 4)
    }

    .pl-grid\:lg,
    .px-grid\:lg {
        padding-left: var(--spacing-grid)
    }

    .pr-0\:lg,
    .px-0\:lg {
        padding-right: 0
    }

    .pr-0\.2\:lg,
    .px-0\.2\:lg {
        padding-right: calc(var(--spacing) * .2)
    }

    .pr-0\.25\:lg,
    .px-0\.25\:lg {
        padding-right: calc(var(--spacing) * .25)
    }

    .pr-0\.3\:lg,
    .px-0\.3\:lg {
        padding-right: calc(var(--spacing) * .3)
    }

    .pr-0\.4\:lg,
    .px-0\.4\:lg {
        padding-right: calc(var(--spacing) * .4)
    }

    .pr-0\.5\:lg,
    .px-0\.5\:lg {
        padding-right: calc(var(--spacing) * .5)
    }

    .pr-0\.85\:lg,
    .px-0\.85\:lg {
        padding-right: calc(var(--spacing) * .85)
    }

    .pr-0\.9\:lg,
    .px-0\.9\:lg {
        padding-right: calc(var(--spacing) * .9)
    }

    .pr-1\:lg,
    .px-1\:lg {
        padding-right: var(--spacing)
    }

    .pr-1\.25\:lg,
    .px-1\.25\:lg {
        padding-right: calc(var(--spacing) * 1.25)
    }

    .pr-1\.33\:lg,
    .px-1\.33\:lg {
        padding-right: calc(var(--spacing) * 1.33)
    }

    .pr-1\.5\:lg,
    .px-1\.5\:lg {
        padding-right: calc(var(--spacing) * 1.5)
    }

    .pr-2\:lg,
    .px-2\:lg {
        padding-right: calc(var(--spacing) * 2)
    }

    .pr-2\.5\:lg,
    .px-2\.5\:lg {
        padding-right: calc(var(--spacing) * 2.5)
    }

    .pr-3\:lg,
    .px-3\:lg {
        padding-right: calc(var(--spacing) * 3)
    }

    .pr-3\.5\:lg,
    .px-3\.5\:lg {
        padding-right: calc(var(--spacing) * 3.5)
    }

    .pr-4\:lg,
    .px-4\:lg {
        padding-right: calc(var(--spacing) * 4)
    }

    .pr-5\:lg,
    .px-5\:lg {
        padding-right: calc(var(--spacing) * 5)
    }

    .pr-6\:lg,
    .px-6\:lg {
        padding-right: calc(var(--spacing) * 6)
    }

    .pr-6\.5\:lg,
    .px-6\.5\:lg {
        padding-right: calc(var(--spacing) * 6.5)
    }

    .pr-7\:lg,
    .px-7\:lg {
        padding-right: calc(var(--spacing) * 7)
    }

    .pr-8\:lg,
    .px-8\:lg {
        padding-right: calc(var(--spacing) * 8)
    }

    .pr-layout\:lg,
    .px-layout\:lg {
        padding-right: var(--spacing-layout)
    }

    .pr-layout-4\:lg,
    .px-layout-4\:lg {
        padding-right: calc(var(--spacing-layout) * 4)
    }

    .pr-grid\:lg,
    .px-grid\:lg {
        padding-right: var(--spacing-grid)
    }

    .mt-0\:lg,
    .my-0\:lg {
        margin-top: 0
    }

    .mt-0\:lg:where(:first-child),
    .my-0\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.2\:lg,
    .my-0\.2\:lg {
        margin-top: calc(var(--spacing) * .2)
    }

    .mt-0\.2\:lg:where(:first-child),
    .my-0\.2\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.25\:lg,
    .my-0\.25\:lg {
        margin-top: calc(var(--spacing) * .25)
    }

    .mt-0\.25\:lg:where(:first-child),
    .my-0\.25\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.3\:lg,
    .my-0\.3\:lg {
        margin-top: calc(var(--spacing) * .3)
    }

    .mt-0\.3\:lg:where(:first-child),
    .my-0\.3\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.4\:lg,
    .my-0\.4\:lg {
        margin-top: calc(var(--spacing) * .4)
    }

    .mt-0\.4\:lg:where(:first-child),
    .my-0\.4\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.5\:lg,
    .my-0\.5\:lg {
        margin-top: calc(var(--spacing) * .5)
    }

    .mt-0\.5\:lg:where(:first-child),
    .my-0\.5\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.85\:lg,
    .my-0\.85\:lg {
        margin-top: calc(var(--spacing) * .85)
    }

    .mt-0\.85\:lg:where(:first-child),
    .my-0\.85\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.9\:lg,
    .my-0\.9\:lg {
        margin-top: calc(var(--spacing) * .9)
    }

    .mt-0\.9\:lg:where(:first-child),
    .my-0\.9\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-1\:lg,
    .my-1\:lg {
        margin-top: var(--spacing)
    }

    .mt-1\:lg:where(:first-child),
    .my-1\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-1\.25\:lg,
    .my-1\.25\:lg {
        margin-top: calc(var(--spacing) * 1.25)
    }

    .mt-1\.25\:lg:where(:first-child),
    .my-1\.25\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-1\.33\:lg,
    .my-1\.33\:lg {
        margin-top: calc(var(--spacing) * 1.33)
    }

    .mt-1\.33\:lg:where(:first-child),
    .my-1\.33\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-1\.5\:lg,
    .my-1\.5\:lg {
        margin-top: calc(var(--spacing) * 1.5)
    }

    .mt-1\.5\:lg:where(:first-child),
    .my-1\.5\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-2\:lg,
    .my-2\:lg {
        margin-top: calc(var(--spacing) * 2)
    }

    .mt-2\:lg:where(:first-child),
    .my-2\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-2\.5\:lg,
    .my-2\.5\:lg {
        margin-top: calc(var(--spacing) * 2.5)
    }

    .mt-2\.5\:lg:where(:first-child),
    .my-2\.5\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-3\:lg,
    .my-3\:lg {
        margin-top: calc(var(--spacing) * 3)
    }

    .mt-3\:lg:where(:first-child),
    .my-3\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-3\.5\:lg,
    .my-3\.5\:lg {
        margin-top: calc(var(--spacing) * 3.5)
    }

    .mt-3\.5\:lg:where(:first-child),
    .my-3\.5\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-4\:lg,
    .my-4\:lg {
        margin-top: calc(var(--spacing) * 4)
    }

    .mt-4\:lg:where(:first-child),
    .my-4\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-5\:lg,
    .my-5\:lg {
        margin-top: calc(var(--spacing) * 5)
    }

    .mt-5\:lg:where(:first-child),
    .my-5\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-6\:lg,
    .my-6\:lg {
        margin-top: calc(var(--spacing) * 6)
    }

    .mt-6\:lg:where(:first-child),
    .my-6\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-6\.5\:lg,
    .my-6\.5\:lg {
        margin-top: calc(var(--spacing) * 6.5)
    }

    .mt-6\.5\:lg:where(:first-child),
    .my-6\.5\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-7\:lg,
    .my-7\:lg {
        margin-top: calc(var(--spacing) * 7)
    }

    .mt-7\:lg:where(:first-child),
    .my-7\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-8\:lg,
    .my-8\:lg {
        margin-top: calc(var(--spacing) * 8)
    }

    .mt-8\:lg:where(:first-child),
    .my-8\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-layout\:lg,
    .my-layout\:lg {
        margin-top: var(--spacing-layout)
    }

    .mt-layout\:lg:where(:first-child),
    .my-layout\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-layout-4\:lg,
    .my-layout-4\:lg {
        margin-top: calc(var(--spacing-layout) * 4)
    }

    .mt-layout-4\:lg:where(:first-child),
    .my-layout-4\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-grid\:lg,
    .my-grid\:lg {
        margin-top: var(--spacing-grid)
    }

    .mt-grid\:lg:where(:first-child),
    .my-grid\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-auto\:lg,
    .my-auto\:lg {
        margin-top: auto
    }

    .mt-auto\:lg:where(:first-child),
    .my-auto\:lg:where(:first-child) {
        margin-top: 0
    }

    .mb-0\:lg,
    .my-0\:lg {
        margin-bottom: 0
    }

    .mb-0\:lg:where(:last-child),
    .my-0\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.2\:lg,
    .my-0\.2\:lg {
        margin-bottom: calc(var(--spacing) * .2)
    }

    .mb-0\.2\:lg:where(:last-child),
    .my-0\.2\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.25\:lg,
    .my-0\.25\:lg {
        margin-bottom: calc(var(--spacing) * .25)
    }

    .mb-0\.25\:lg:where(:last-child),
    .my-0\.25\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.3\:lg,
    .my-0\.3\:lg {
        margin-bottom: calc(var(--spacing) * .3)
    }

    .mb-0\.3\:lg:where(:last-child),
    .my-0\.3\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.4\:lg,
    .my-0\.4\:lg {
        margin-bottom: calc(var(--spacing) * .4)
    }

    .mb-0\.4\:lg:where(:last-child),
    .my-0\.4\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.5\:lg,
    .my-0\.5\:lg {
        margin-bottom: calc(var(--spacing) * .5)
    }

    .mb-0\.5\:lg:where(:last-child),
    .my-0\.5\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.85\:lg,
    .my-0\.85\:lg {
        margin-bottom: calc(var(--spacing) * .85)
    }

    .mb-0\.85\:lg:where(:last-child),
    .my-0\.85\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.9\:lg,
    .my-0\.9\:lg {
        margin-bottom: calc(var(--spacing) * .9)
    }

    .mb-0\.9\:lg:where(:last-child),
    .my-0\.9\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\:lg,
    .my-1\:lg {
        margin-bottom: var(--spacing)
    }

    .mb-1\:lg:where(:last-child),
    .my-1\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\.25\:lg,
    .my-1\.25\:lg {
        margin-bottom: calc(var(--spacing) * 1.25)
    }

    .mb-1\.25\:lg:where(:last-child),
    .my-1\.25\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\.33\:lg,
    .my-1\.33\:lg {
        margin-bottom: calc(var(--spacing) * 1.33)
    }

    .mb-1\.33\:lg:where(:last-child),
    .my-1\.33\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\.5\:lg,
    .my-1\.5\:lg {
        margin-bottom: calc(var(--spacing) * 1.5)
    }

    .mb-1\.5\:lg:where(:last-child),
    .my-1\.5\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-2\:lg,
    .my-2\:lg {
        margin-bottom: calc(var(--spacing) * 2)
    }

    .mb-2\:lg:where(:last-child),
    .my-2\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-2\.5\:lg,
    .my-2\.5\:lg {
        margin-bottom: calc(var(--spacing) * 2.5)
    }

    .mb-2\.5\:lg:where(:last-child),
    .my-2\.5\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-3\:lg,
    .my-3\:lg {
        margin-bottom: calc(var(--spacing) * 3)
    }

    .mb-3\:lg:where(:last-child),
    .my-3\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-3\.5\:lg,
    .my-3\.5\:lg {
        margin-bottom: calc(var(--spacing) * 3.5)
    }

    .mb-3\.5\:lg:where(:last-child),
    .my-3\.5\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-4\:lg,
    .my-4\:lg {
        margin-bottom: calc(var(--spacing) * 4)
    }

    .mb-4\:lg:where(:last-child),
    .my-4\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-5\:lg,
    .my-5\:lg {
        margin-bottom: calc(var(--spacing) * 5)
    }

    .mb-5\:lg:where(:last-child),
    .my-5\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-6\:lg,
    .my-6\:lg {
        margin-bottom: calc(var(--spacing) * 6)
    }

    .mb-6\:lg:where(:last-child),
    .my-6\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-6\.5\:lg,
    .my-6\.5\:lg {
        margin-bottom: calc(var(--spacing) * 6.5)
    }

    .mb-6\.5\:lg:where(:last-child),
    .my-6\.5\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-7\:lg,
    .my-7\:lg {
        margin-bottom: calc(var(--spacing) * 7)
    }

    .mb-7\:lg:where(:last-child),
    .my-7\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-8\:lg,
    .my-8\:lg {
        margin-bottom: calc(var(--spacing) * 8)
    }

    .mb-8\:lg:where(:last-child),
    .my-8\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-layout\:lg,
    .my-layout\:lg {
        margin-bottom: var(--spacing-layout)
    }

    .mb-layout\:lg:where(:last-child),
    .my-layout\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-layout-4\:lg,
    .my-layout-4\:lg {
        margin-bottom: calc(var(--spacing-layout) * 4)
    }

    .mb-layout-4\:lg:where(:last-child),
    .my-layout-4\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-grid\:lg,
    .my-grid\:lg {
        margin-bottom: var(--spacing-grid)
    }

    .mb-grid\:lg:where(:last-child),
    .my-grid\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-auto\:lg,
    .my-auto\:lg {
        margin-bottom: auto
    }

    .mb-auto\:lg:where(:last-child),
    .my-auto\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .ml-0\:lg,
    .mx-0\:lg {
        margin-left: 0
    }

    .ml-0\.2\:lg,
    .mx-0\.2\:lg {
        margin-left: calc(var(--spacing) * .2)
    }

    .ml-0\.25\:lg,
    .mx-0\.25\:lg {
        margin-left: calc(var(--spacing) * .25)
    }

    .ml-0\.3\:lg,
    .mx-0\.3\:lg {
        margin-left: calc(var(--spacing) * .3)
    }

    .ml-0\.4\:lg,
    .mx-0\.4\:lg {
        margin-left: calc(var(--spacing) * .4)
    }

    .ml-0\.5\:lg,
    .mx-0\.5\:lg {
        margin-left: calc(var(--spacing) * .5)
    }

    .ml-0\.85\:lg,
    .mx-0\.85\:lg {
        margin-left: calc(var(--spacing) * .85)
    }

    .ml-0\.9\:lg,
    .mx-0\.9\:lg {
        margin-left: calc(var(--spacing) * .9)
    }

    .ml-1\:lg,
    .mx-1\:lg {
        margin-left: var(--spacing)
    }

    .ml-1\.25\:lg,
    .mx-1\.25\:lg {
        margin-left: calc(var(--spacing) * 1.25)
    }

    .ml-1\.33\:lg,
    .mx-1\.33\:lg {
        margin-left: calc(var(--spacing) * 1.33)
    }

    .ml-1\.5\:lg,
    .mx-1\.5\:lg {
        margin-left: calc(var(--spacing) * 1.5)
    }

    .ml-2\:lg,
    .mx-2\:lg {
        margin-left: calc(var(--spacing) * 2)
    }

    .ml-2\.5\:lg,
    .mx-2\.5\:lg {
        margin-left: calc(var(--spacing) * 2.5)
    }

    .ml-3\:lg,
    .mx-3\:lg {
        margin-left: calc(var(--spacing) * 3)
    }

    .ml-3\.5\:lg,
    .mx-3\.5\:lg {
        margin-left: calc(var(--spacing) * 3.5)
    }

    .ml-4\:lg,
    .mx-4\:lg {
        margin-left: calc(var(--spacing) * 4)
    }

    .ml-5\:lg,
    .mx-5\:lg {
        margin-left: calc(var(--spacing) * 5)
    }

    .ml-6\:lg,
    .mx-6\:lg {
        margin-left: calc(var(--spacing) * 6)
    }

    .ml-6\.5\:lg,
    .mx-6\.5\:lg {
        margin-left: calc(var(--spacing) * 6.5)
    }

    .ml-7\:lg,
    .mx-7\:lg {
        margin-left: calc(var(--spacing) * 7)
    }

    .ml-8\:lg,
    .mx-8\:lg {
        margin-left: calc(var(--spacing) * 8)
    }

    .ml-layout\:lg,
    .mx-layout\:lg {
        margin-left: var(--spacing-layout)
    }

    .ml-layout-4\:lg,
    .mx-layout-4\:lg {
        margin-left: calc(var(--spacing-layout) * 4)
    }

    .ml-grid\:lg,
    .mx-grid\:lg {
        margin-left: var(--spacing-grid)
    }

    .ml-auto\:lg,
    .mx-auto\:lg {
        margin-left: auto
    }

    .mr-0\:lg,
    .mx-0\:lg {
        margin-right: 0
    }

    .mr-0\.2\:lg,
    .mx-0\.2\:lg {
        margin-right: calc(var(--spacing) * .2)
    }

    .mr-0\.25\:lg,
    .mx-0\.25\:lg {
        margin-right: calc(var(--spacing) * .25)
    }

    .mr-0\.3\:lg,
    .mx-0\.3\:lg {
        margin-right: calc(var(--spacing) * .3)
    }

    .mr-0\.4\:lg,
    .mx-0\.4\:lg {
        margin-right: calc(var(--spacing) * .4)
    }

    .mr-0\.5\:lg,
    .mx-0\.5\:lg {
        margin-right: calc(var(--spacing) * .5)
    }

    .mr-0\.85\:lg,
    .mx-0\.85\:lg {
        margin-right: calc(var(--spacing) * .85)
    }

    .mr-0\.9\:lg,
    .mx-0\.9\:lg {
        margin-right: calc(var(--spacing) * .9)
    }

    .mr-1\:lg,
    .mx-1\:lg {
        margin-right: var(--spacing)
    }

    .mr-1\.25\:lg,
    .mx-1\.25\:lg {
        margin-right: calc(var(--spacing) * 1.25)
    }

    .mr-1\.33\:lg,
    .mx-1\.33\:lg {
        margin-right: calc(var(--spacing) * 1.33)
    }

    .mr-1\.5\:lg,
    .mx-1\.5\:lg {
        margin-right: calc(var(--spacing) * 1.5)
    }

    .mr-2\:lg,
    .mx-2\:lg {
        margin-right: calc(var(--spacing) * 2)
    }

    .mr-2\.5\:lg,
    .mx-2\.5\:lg {
        margin-right: calc(var(--spacing) * 2.5)
    }

    .mr-3\:lg,
    .mx-3\:lg {
        margin-right: calc(var(--spacing) * 3)
    }

    .mr-3\.5\:lg,
    .mx-3\.5\:lg {
        margin-right: calc(var(--spacing) * 3.5)
    }

    .mr-4\:lg,
    .mx-4\:lg {
        margin-right: calc(var(--spacing) * 4)
    }

    .mr-5\:lg,
    .mx-5\:lg {
        margin-right: calc(var(--spacing) * 5)
    }

    .mr-6\:lg,
    .mx-6\:lg {
        margin-right: calc(var(--spacing) * 6)
    }

    .mr-6\.5\:lg,
    .mx-6\.5\:lg {
        margin-right: calc(var(--spacing) * 6.5)
    }

    .mr-7\:lg,
    .mx-7\:lg {
        margin-right: calc(var(--spacing) * 7)
    }

    .mr-8\:lg,
    .mx-8\:lg {
        margin-right: calc(var(--spacing) * 8)
    }

    .mr-layout\:lg,
    .mx-layout\:lg {
        margin-right: var(--spacing-layout)
    }

    .mr-layout-4\:lg,
    .mx-layout-4\:lg {
        margin-right: calc(var(--spacing-layout) * 4)
    }

    .mr-grid\:lg,
    .mx-grid\:lg {
        margin-right: var(--spacing-grid)
    }

    .mr-auto\:lg,
    .mx-auto\:lg {
        margin-right: auto
    }
}

@media (min-width:1200px) and (min-height:500px) and (min-aspect-ratio:10/11),
(min-width:1440px) and (min-height:700px) {

    .pt-0\:xl,
    .py-0\:xl {
        padding-top: 0
    }

    .pt-0\.2\:xl,
    .py-0\.2\:xl {
        padding-top: calc(var(--spacing) * .2)
    }

    .pt-0\.25\:xl,
    .py-0\.25\:xl {
        padding-top: calc(var(--spacing) * .25)
    }

    .pt-0\.3\:xl,
    .py-0\.3\:xl {
        padding-top: calc(var(--spacing) * .3)
    }

    .pt-0\.4\:xl,
    .py-0\.4\:xl {
        padding-top: calc(var(--spacing) * .4)
    }

    .pt-0\.5\:xl,
    .py-0\.5\:xl {
        padding-top: calc(var(--spacing) * .5)
    }

    .pt-0\.85\:xl,
    .py-0\.85\:xl {
        padding-top: calc(var(--spacing) * .85)
    }

    .pt-0\.9\:xl,
    .py-0\.9\:xl {
        padding-top: calc(var(--spacing) * .9)
    }

    .pt-1\:xl,
    .py-1\:xl {
        padding-top: var(--spacing)
    }

    .pt-1\.25\:xl,
    .py-1\.25\:xl {
        padding-top: calc(var(--spacing) * 1.25)
    }

    .pt-1\.33\:xl,
    .py-1\.33\:xl {
        padding-top: calc(var(--spacing) * 1.33)
    }

    .pt-1\.5\:xl,
    .py-1\.5\:xl {
        padding-top: calc(var(--spacing) * 1.5)
    }

    .pt-2\:xl,
    .py-2\:xl {
        padding-top: calc(var(--spacing) * 2)
    }

    .pt-2\.5\:xl,
    .py-2\.5\:xl {
        padding-top: calc(var(--spacing) * 2.5)
    }

    .pt-3\:xl,
    .py-3\:xl {
        padding-top: calc(var(--spacing) * 3)
    }

    .pt-3\.5\:xl,
    .py-3\.5\:xl {
        padding-top: calc(var(--spacing) * 3.5)
    }

    .pt-4\:xl,
    .py-4\:xl {
        padding-top: calc(var(--spacing) * 4)
    }

    .pt-5\:xl,
    .py-5\:xl {
        padding-top: calc(var(--spacing) * 5)
    }

    .pt-6\:xl,
    .py-6\:xl {
        padding-top: calc(var(--spacing) * 6)
    }

    .pt-6\.5\:xl,
    .py-6\.5\:xl {
        padding-top: calc(var(--spacing) * 6.5)
    }

    .pt-7\:xl,
    .py-7\:xl {
        padding-top: calc(var(--spacing) * 7)
    }

    .pt-8\:xl,
    .py-8\:xl {
        padding-top: calc(var(--spacing) * 8)
    }

    .pt-layout\:xl,
    .py-layout\:xl {
        padding-top: var(--spacing-layout)
    }

    .pt-layout-4\:xl,
    .py-layout-4\:xl {
        padding-top: calc(var(--spacing-layout) * 4)
    }

    .pt-grid\:xl,
    .py-grid\:xl {
        padding-top: var(--spacing-grid)
    }

    .pb-0\:xl,
    .py-0\:xl {
        padding-bottom: 0
    }

    .pb-0\.2\:xl,
    .py-0\.2\:xl {
        padding-bottom: calc(var(--spacing) * .2)
    }

    .pb-0\.25\:xl,
    .py-0\.25\:xl {
        padding-bottom: calc(var(--spacing) * .25)
    }

    .pb-0\.3\:xl,
    .py-0\.3\:xl {
        padding-bottom: calc(var(--spacing) * .3)
    }

    .pb-0\.4\:xl,
    .py-0\.4\:xl {
        padding-bottom: calc(var(--spacing) * .4)
    }

    .pb-0\.5\:xl,
    .py-0\.5\:xl {
        padding-bottom: calc(var(--spacing) * .5)
    }

    .pb-0\.85\:xl,
    .py-0\.85\:xl {
        padding-bottom: calc(var(--spacing) * .85)
    }

    .pb-0\.9\:xl,
    .py-0\.9\:xl {
        padding-bottom: calc(var(--spacing) * .9)
    }

    .pb-1\:xl,
    .py-1\:xl {
        padding-bottom: var(--spacing)
    }

    .pb-1\.25\:xl,
    .py-1\.25\:xl {
        padding-bottom: calc(var(--spacing) * 1.25)
    }

    .pb-1\.33\:xl,
    .py-1\.33\:xl {
        padding-bottom: calc(var(--spacing) * 1.33)
    }

    .pb-1\.5\:xl,
    .py-1\.5\:xl {
        padding-bottom: calc(var(--spacing) * 1.5)
    }

    .pb-2\:xl,
    .py-2\:xl {
        padding-bottom: calc(var(--spacing) * 2)
    }

    .pb-2\.5\:xl,
    .py-2\.5\:xl {
        padding-bottom: calc(var(--spacing) * 2.5)
    }

    .pb-3\:xl,
    .py-3\:xl {
        padding-bottom: calc(var(--spacing) * 3)
    }

    .pb-3\.5\:xl,
    .py-3\.5\:xl {
        padding-bottom: calc(var(--spacing) * 3.5)
    }

    .pb-4\:xl,
    .py-4\:xl {
        padding-bottom: calc(var(--spacing) * 4)
    }

    .pb-5\:xl,
    .py-5\:xl {
        padding-bottom: calc(var(--spacing) * 5)
    }

    .pb-6\:xl,
    .py-6\:xl {
        padding-bottom: calc(var(--spacing) * 6)
    }

    .pb-6\.5\:xl,
    .py-6\.5\:xl {
        padding-bottom: calc(var(--spacing) * 6.5)
    }

    .pb-7\:xl,
    .py-7\:xl {
        padding-bottom: calc(var(--spacing) * 7)
    }

    .pb-8\:xl,
    .py-8\:xl {
        padding-bottom: calc(var(--spacing) * 8)
    }

    .pb-layout\:xl,
    .py-layout\:xl {
        padding-bottom: var(--spacing-layout)
    }

    .pb-layout-4\:xl,
    .py-layout-4\:xl {
        padding-bottom: calc(var(--spacing-layout) * 4)
    }

    .pb-grid\:xl,
    .py-grid\:xl {
        padding-bottom: var(--spacing-grid)
    }

    .pl-0\:xl,
    .px-0\:xl {
        padding-left: 0
    }

    .pl-0\.2\:xl,
    .px-0\.2\:xl {
        padding-left: calc(var(--spacing) * .2)
    }

    .pl-0\.25\:xl,
    .px-0\.25\:xl {
        padding-left: calc(var(--spacing) * .25)
    }

    .pl-0\.3\:xl,
    .px-0\.3\:xl {
        padding-left: calc(var(--spacing) * .3)
    }

    .pl-0\.4\:xl,
    .px-0\.4\:xl {
        padding-left: calc(var(--spacing) * .4)
    }

    .pl-0\.5\:xl,
    .px-0\.5\:xl {
        padding-left: calc(var(--spacing) * .5)
    }

    .pl-0\.85\:xl,
    .px-0\.85\:xl {
        padding-left: calc(var(--spacing) * .85)
    }

    .pl-0\.9\:xl,
    .px-0\.9\:xl {
        padding-left: calc(var(--spacing) * .9)
    }

    .pl-1\:xl,
    .px-1\:xl {
        padding-left: var(--spacing)
    }

    .pl-1\.25\:xl,
    .px-1\.25\:xl {
        padding-left: calc(var(--spacing) * 1.25)
    }

    .pl-1\.33\:xl,
    .px-1\.33\:xl {
        padding-left: calc(var(--spacing) * 1.33)
    }

    .pl-1\.5\:xl,
    .px-1\.5\:xl {
        padding-left: calc(var(--spacing) * 1.5)
    }

    .pl-2\:xl,
    .px-2\:xl {
        padding-left: calc(var(--spacing) * 2)
    }

    .pl-2\.5\:xl,
    .px-2\.5\:xl {
        padding-left: calc(var(--spacing) * 2.5)
    }

    .pl-3\:xl,
    .px-3\:xl {
        padding-left: calc(var(--spacing) * 3)
    }

    .pl-3\.5\:xl,
    .px-3\.5\:xl {
        padding-left: calc(var(--spacing) * 3.5)
    }

    .pl-4\:xl,
    .px-4\:xl {
        padding-left: calc(var(--spacing) * 4)
    }

    .pl-5\:xl,
    .px-5\:xl {
        padding-left: calc(var(--spacing) * 5)
    }

    .pl-6\:xl,
    .px-6\:xl {
        padding-left: calc(var(--spacing) * 6)
    }

    .pl-6\.5\:xl,
    .px-6\.5\:xl {
        padding-left: calc(var(--spacing) * 6.5)
    }

    .pl-7\:xl,
    .px-7\:xl {
        padding-left: calc(var(--spacing) * 7)
    }

    .pl-8\:xl,
    .px-8\:xl {
        padding-left: calc(var(--spacing) * 8)
    }

    .pl-layout\:xl,
    .px-layout\:xl {
        padding-left: var(--spacing-layout)
    }

    .pl-layout-4\:xl,
    .px-layout-4\:xl {
        padding-left: calc(var(--spacing-layout) * 4)
    }

    .pl-grid\:xl,
    .px-grid\:xl {
        padding-left: var(--spacing-grid)
    }

    .pr-0\:xl,
    .px-0\:xl {
        padding-right: 0
    }

    .pr-0\.2\:xl,
    .px-0\.2\:xl {
        padding-right: calc(var(--spacing) * .2)
    }

    .pr-0\.25\:xl,
    .px-0\.25\:xl {
        padding-right: calc(var(--spacing) * .25)
    }

    .pr-0\.3\:xl,
    .px-0\.3\:xl {
        padding-right: calc(var(--spacing) * .3)
    }

    .pr-0\.4\:xl,
    .px-0\.4\:xl {
        padding-right: calc(var(--spacing) * .4)
    }

    .pr-0\.5\:xl,
    .px-0\.5\:xl {
        padding-right: calc(var(--spacing) * .5)
    }

    .pr-0\.85\:xl,
    .px-0\.85\:xl {
        padding-right: calc(var(--spacing) * .85)
    }

    .pr-0\.9\:xl,
    .px-0\.9\:xl {
        padding-right: calc(var(--spacing) * .9)
    }

    .pr-1\:xl,
    .px-1\:xl {
        padding-right: var(--spacing)
    }

    .pr-1\.25\:xl,
    .px-1\.25\:xl {
        padding-right: calc(var(--spacing) * 1.25)
    }

    .pr-1\.33\:xl,
    .px-1\.33\:xl {
        padding-right: calc(var(--spacing) * 1.33)
    }

    .pr-1\.5\:xl,
    .px-1\.5\:xl {
        padding-right: calc(var(--spacing) * 1.5)
    }

    .pr-2\:xl,
    .px-2\:xl {
        padding-right: calc(var(--spacing) * 2)
    }

    .pr-2\.5\:xl,
    .px-2\.5\:xl {
        padding-right: calc(var(--spacing) * 2.5)
    }

    .pr-3\:xl,
    .px-3\:xl {
        padding-right: calc(var(--spacing) * 3)
    }

    .pr-3\.5\:xl,
    .px-3\.5\:xl {
        padding-right: calc(var(--spacing) * 3.5)
    }

    .pr-4\:xl,
    .px-4\:xl {
        padding-right: calc(var(--spacing) * 4)
    }

    .pr-5\:xl,
    .px-5\:xl {
        padding-right: calc(var(--spacing) * 5)
    }

    .pr-6\:xl,
    .px-6\:xl {
        padding-right: calc(var(--spacing) * 6)
    }

    .pr-6\.5\:xl,
    .px-6\.5\:xl {
        padding-right: calc(var(--spacing) * 6.5)
    }

    .pr-7\:xl,
    .px-7\:xl {
        padding-right: calc(var(--spacing) * 7)
    }

    .pr-8\:xl,
    .px-8\:xl {
        padding-right: calc(var(--spacing) * 8)
    }

    .pr-layout\:xl,
    .px-layout\:xl {
        padding-right: var(--spacing-layout)
    }

    .pr-layout-4\:xl,
    .px-layout-4\:xl {
        padding-right: calc(var(--spacing-layout) * 4)
    }

    .pr-grid\:xl,
    .px-grid\:xl {
        padding-right: var(--spacing-grid)
    }

    .mt-0\:xl,
    .my-0\:xl {
        margin-top: 0
    }

    .mt-0\:xl:where(:first-child),
    .my-0\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.2\:xl,
    .my-0\.2\:xl {
        margin-top: calc(var(--spacing) * .2)
    }

    .mt-0\.2\:xl:where(:first-child),
    .my-0\.2\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.25\:xl,
    .my-0\.25\:xl {
        margin-top: calc(var(--spacing) * .25)
    }

    .mt-0\.25\:xl:where(:first-child),
    .my-0\.25\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.3\:xl,
    .my-0\.3\:xl {
        margin-top: calc(var(--spacing) * .3)
    }

    .mt-0\.3\:xl:where(:first-child),
    .my-0\.3\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.4\:xl,
    .my-0\.4\:xl {
        margin-top: calc(var(--spacing) * .4)
    }

    .mt-0\.4\:xl:where(:first-child),
    .my-0\.4\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.5\:xl,
    .my-0\.5\:xl {
        margin-top: calc(var(--spacing) * .5)
    }

    .mt-0\.5\:xl:where(:first-child),
    .my-0\.5\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.85\:xl,
    .my-0\.85\:xl {
        margin-top: calc(var(--spacing) * .85)
    }

    .mt-0\.85\:xl:where(:first-child),
    .my-0\.85\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.9\:xl,
    .my-0\.9\:xl {
        margin-top: calc(var(--spacing) * .9)
    }

    .mt-0\.9\:xl:where(:first-child),
    .my-0\.9\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-1\:xl,
    .my-1\:xl {
        margin-top: var(--spacing)
    }

    .mt-1\:xl:where(:first-child),
    .my-1\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-1\.25\:xl,
    .my-1\.25\:xl {
        margin-top: calc(var(--spacing) * 1.25)
    }

    .mt-1\.25\:xl:where(:first-child),
    .my-1\.25\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-1\.33\:xl,
    .my-1\.33\:xl {
        margin-top: calc(var(--spacing) * 1.33)
    }

    .mt-1\.33\:xl:where(:first-child),
    .my-1\.33\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-1\.5\:xl,
    .my-1\.5\:xl {
        margin-top: calc(var(--spacing) * 1.5)
    }

    .mt-1\.5\:xl:where(:first-child),
    .my-1\.5\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-2\:xl,
    .my-2\:xl {
        margin-top: calc(var(--spacing) * 2)
    }

    .mt-2\:xl:where(:first-child),
    .my-2\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-2\.5\:xl,
    .my-2\.5\:xl {
        margin-top: calc(var(--spacing) * 2.5)
    }

    .mt-2\.5\:xl:where(:first-child),
    .my-2\.5\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-3\:xl,
    .my-3\:xl {
        margin-top: calc(var(--spacing) * 3)
    }

    .mt-3\:xl:where(:first-child),
    .my-3\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-3\.5\:xl,
    .my-3\.5\:xl {
        margin-top: calc(var(--spacing) * 3.5)
    }

    .mt-3\.5\:xl:where(:first-child),
    .my-3\.5\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-4\:xl,
    .my-4\:xl {
        margin-top: calc(var(--spacing) * 4)
    }

    .mt-4\:xl:where(:first-child),
    .my-4\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-5\:xl,
    .my-5\:xl {
        margin-top: calc(var(--spacing) * 5)
    }

    .mt-5\:xl:where(:first-child),
    .my-5\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-6\:xl,
    .my-6\:xl {
        margin-top: calc(var(--spacing) * 6)
    }

    .mt-6\:xl:where(:first-child),
    .my-6\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-6\.5\:xl,
    .my-6\.5\:xl {
        margin-top: calc(var(--spacing) * 6.5)
    }

    .mt-6\.5\:xl:where(:first-child),
    .my-6\.5\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-7\:xl,
    .my-7\:xl {
        margin-top: calc(var(--spacing) * 7)
    }

    .mt-7\:xl:where(:first-child),
    .my-7\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-8\:xl,
    .my-8\:xl {
        margin-top: calc(var(--spacing) * 8)
    }

    .mt-8\:xl:where(:first-child),
    .my-8\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-layout\:xl,
    .my-layout\:xl {
        margin-top: var(--spacing-layout)
    }

    .mt-layout\:xl:where(:first-child),
    .my-layout\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-layout-4\:xl,
    .my-layout-4\:xl {
        margin-top: calc(var(--spacing-layout) * 4)
    }

    .mt-layout-4\:xl:where(:first-child),
    .my-layout-4\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-grid\:xl,
    .my-grid\:xl {
        margin-top: var(--spacing-grid)
    }

    .mt-grid\:xl:where(:first-child),
    .my-grid\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-auto\:xl,
    .my-auto\:xl {
        margin-top: auto
    }

    .mt-auto\:xl:where(:first-child),
    .my-auto\:xl:where(:first-child) {
        margin-top: 0
    }

    .mb-0\:xl,
    .my-0\:xl {
        margin-bottom: 0
    }

    .mb-0\:xl:where(:last-child),
    .my-0\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.2\:xl,
    .my-0\.2\:xl {
        margin-bottom: calc(var(--spacing) * .2)
    }

    .mb-0\.2\:xl:where(:last-child),
    .my-0\.2\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.25\:xl,
    .my-0\.25\:xl {
        margin-bottom: calc(var(--spacing) * .25)
    }

    .mb-0\.25\:xl:where(:last-child),
    .my-0\.25\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.3\:xl,
    .my-0\.3\:xl {
        margin-bottom: calc(var(--spacing) * .3)
    }

    .mb-0\.3\:xl:where(:last-child),
    .my-0\.3\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.4\:xl,
    .my-0\.4\:xl {
        margin-bottom: calc(var(--spacing) * .4)
    }

    .mb-0\.4\:xl:where(:last-child),
    .my-0\.4\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.5\:xl,
    .my-0\.5\:xl {
        margin-bottom: calc(var(--spacing) * .5)
    }

    .mb-0\.5\:xl:where(:last-child),
    .my-0\.5\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.85\:xl,
    .my-0\.85\:xl {
        margin-bottom: calc(var(--spacing) * .85)
    }

    .mb-0\.85\:xl:where(:last-child),
    .my-0\.85\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.9\:xl,
    .my-0\.9\:xl {
        margin-bottom: calc(var(--spacing) * .9)
    }

    .mb-0\.9\:xl:where(:last-child),
    .my-0\.9\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\:xl,
    .my-1\:xl {
        margin-bottom: var(--spacing)
    }

    .mb-1\:xl:where(:last-child),
    .my-1\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\.25\:xl,
    .my-1\.25\:xl {
        margin-bottom: calc(var(--spacing) * 1.25)
    }

    .mb-1\.25\:xl:where(:last-child),
    .my-1\.25\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\.33\:xl,
    .my-1\.33\:xl {
        margin-bottom: calc(var(--spacing) * 1.33)
    }

    .mb-1\.33\:xl:where(:last-child),
    .my-1\.33\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\.5\:xl,
    .my-1\.5\:xl {
        margin-bottom: calc(var(--spacing) * 1.5)
    }

    .mb-1\.5\:xl:where(:last-child),
    .my-1\.5\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-2\:xl,
    .my-2\:xl {
        margin-bottom: calc(var(--spacing) * 2)
    }

    .mb-2\:xl:where(:last-child),
    .my-2\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-2\.5\:xl,
    .my-2\.5\:xl {
        margin-bottom: calc(var(--spacing) * 2.5)
    }

    .mb-2\.5\:xl:where(:last-child),
    .my-2\.5\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-3\:xl,
    .my-3\:xl {
        margin-bottom: calc(var(--spacing) * 3)
    }

    .mb-3\:xl:where(:last-child),
    .my-3\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-3\.5\:xl,
    .my-3\.5\:xl {
        margin-bottom: calc(var(--spacing) * 3.5)
    }

    .mb-3\.5\:xl:where(:last-child),
    .my-3\.5\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-4\:xl,
    .my-4\:xl {
        margin-bottom: calc(var(--spacing) * 4)
    }

    .mb-4\:xl:where(:last-child),
    .my-4\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-5\:xl,
    .my-5\:xl {
        margin-bottom: calc(var(--spacing) * 5)
    }

    .mb-5\:xl:where(:last-child),
    .my-5\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-6\:xl,
    .my-6\:xl {
        margin-bottom: calc(var(--spacing) * 6)
    }

    .mb-6\:xl:where(:last-child),
    .my-6\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-6\.5\:xl,
    .my-6\.5\:xl {
        margin-bottom: calc(var(--spacing) * 6.5)
    }

    .mb-6\.5\:xl:where(:last-child),
    .my-6\.5\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-7\:xl,
    .my-7\:xl {
        margin-bottom: calc(var(--spacing) * 7)
    }

    .mb-7\:xl:where(:last-child),
    .my-7\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-8\:xl,
    .my-8\:xl {
        margin-bottom: calc(var(--spacing) * 8)
    }

    .mb-8\:xl:where(:last-child),
    .my-8\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-layout\:xl,
    .my-layout\:xl {
        margin-bottom: var(--spacing-layout)
    }

    .mb-layout\:xl:where(:last-child),
    .my-layout\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-layout-4\:xl,
    .my-layout-4\:xl {
        margin-bottom: calc(var(--spacing-layout) * 4)
    }

    .mb-layout-4\:xl:where(:last-child),
    .my-layout-4\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-grid\:xl,
    .my-grid\:xl {
        margin-bottom: var(--spacing-grid)
    }

    .mb-grid\:xl:where(:last-child),
    .my-grid\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-auto\:xl,
    .my-auto\:xl {
        margin-bottom: auto
    }

    .mb-auto\:xl:where(:last-child),
    .my-auto\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .ml-0\:xl,
    .mx-0\:xl {
        margin-left: 0
    }

    .ml-0\.2\:xl,
    .mx-0\.2\:xl {
        margin-left: calc(var(--spacing) * .2)
    }

    .ml-0\.25\:xl,
    .mx-0\.25\:xl {
        margin-left: calc(var(--spacing) * .25)
    }

    .ml-0\.3\:xl,
    .mx-0\.3\:xl {
        margin-left: calc(var(--spacing) * .3)
    }

    .ml-0\.4\:xl,
    .mx-0\.4\:xl {
        margin-left: calc(var(--spacing) * .4)
    }

    .ml-0\.5\:xl,
    .mx-0\.5\:xl {
        margin-left: calc(var(--spacing) * .5)
    }

    .ml-0\.85\:xl,
    .mx-0\.85\:xl {
        margin-left: calc(var(--spacing) * .85)
    }

    .ml-0\.9\:xl,
    .mx-0\.9\:xl {
        margin-left: calc(var(--spacing) * .9)
    }

    .ml-1\:xl,
    .mx-1\:xl {
        margin-left: var(--spacing)
    }

    .ml-1\.25\:xl,
    .mx-1\.25\:xl {
        margin-left: calc(var(--spacing) * 1.25)
    }

    .ml-1\.33\:xl,
    .mx-1\.33\:xl {
        margin-left: calc(var(--spacing) * 1.33)
    }

    .ml-1\.5\:xl,
    .mx-1\.5\:xl {
        margin-left: calc(var(--spacing) * 1.5)
    }

    .ml-2\:xl,
    .mx-2\:xl {
        margin-left: calc(var(--spacing) * 2)
    }

    .ml-2\.5\:xl,
    .mx-2\.5\:xl {
        margin-left: calc(var(--spacing) * 2.5)
    }

    .ml-3\:xl,
    .mx-3\:xl {
        margin-left: calc(var(--spacing) * 3)
    }

    .ml-3\.5\:xl,
    .mx-3\.5\:xl {
        margin-left: calc(var(--spacing) * 3.5)
    }

    .ml-4\:xl,
    .mx-4\:xl {
        margin-left: calc(var(--spacing) * 4)
    }

    .ml-5\:xl,
    .mx-5\:xl {
        margin-left: calc(var(--spacing) * 5)
    }

    .ml-6\:xl,
    .mx-6\:xl {
        margin-left: calc(var(--spacing) * 6)
    }

    .ml-6\.5\:xl,
    .mx-6\.5\:xl {
        margin-left: calc(var(--spacing) * 6.5)
    }

    .ml-7\:xl,
    .mx-7\:xl {
        margin-left: calc(var(--spacing) * 7)
    }

    .ml-8\:xl,
    .mx-8\:xl {
        margin-left: calc(var(--spacing) * 8)
    }

    .ml-layout\:xl,
    .mx-layout\:xl {
        margin-left: var(--spacing-layout)
    }

    .ml-layout-4\:xl,
    .mx-layout-4\:xl {
        margin-left: calc(var(--spacing-layout) * 4)
    }

    .ml-grid\:xl,
    .mx-grid\:xl {
        margin-left: var(--spacing-grid)
    }

    .ml-auto\:xl,
    .mx-auto\:xl {
        margin-left: auto
    }

    .mr-0\:xl,
    .mx-0\:xl {
        margin-right: 0
    }

    .mr-0\.2\:xl,
    .mx-0\.2\:xl {
        margin-right: calc(var(--spacing) * .2)
    }

    .mr-0\.25\:xl,
    .mx-0\.25\:xl {
        margin-right: calc(var(--spacing) * .25)
    }

    .mr-0\.3\:xl,
    .mx-0\.3\:xl {
        margin-right: calc(var(--spacing) * .3)
    }

    .mr-0\.4\:xl,
    .mx-0\.4\:xl {
        margin-right: calc(var(--spacing) * .4)
    }

    .mr-0\.5\:xl,
    .mx-0\.5\:xl {
        margin-right: calc(var(--spacing) * .5)
    }

    .mr-0\.85\:xl,
    .mx-0\.85\:xl {
        margin-right: calc(var(--spacing) * .85)
    }

    .mr-0\.9\:xl,
    .mx-0\.9\:xl {
        margin-right: calc(var(--spacing) * .9)
    }

    .mr-1\:xl,
    .mx-1\:xl {
        margin-right: var(--spacing)
    }

    .mr-1\.25\:xl,
    .mx-1\.25\:xl {
        margin-right: calc(var(--spacing) * 1.25)
    }

    .mr-1\.33\:xl,
    .mx-1\.33\:xl {
        margin-right: calc(var(--spacing) * 1.33)
    }

    .mr-1\.5\:xl,
    .mx-1\.5\:xl {
        margin-right: calc(var(--spacing) * 1.5)
    }

    .mr-2\:xl,
    .mx-2\:xl {
        margin-right: calc(var(--spacing) * 2)
    }

    .mr-2\.5\:xl,
    .mx-2\.5\:xl {
        margin-right: calc(var(--spacing) * 2.5)
    }

    .mr-3\:xl,
    .mx-3\:xl {
        margin-right: calc(var(--spacing) * 3)
    }

    .mr-3\.5\:xl,
    .mx-3\.5\:xl {
        margin-right: calc(var(--spacing) * 3.5)
    }

    .mr-4\:xl,
    .mx-4\:xl {
        margin-right: calc(var(--spacing) * 4)
    }

    .mr-5\:xl,
    .mx-5\:xl {
        margin-right: calc(var(--spacing) * 5)
    }

    .mr-6\:xl,
    .mx-6\:xl {
        margin-right: calc(var(--spacing) * 6)
    }

    .mr-6\.5\:xl,
    .mx-6\.5\:xl {
        margin-right: calc(var(--spacing) * 6.5)
    }

    .mr-7\:xl,
    .mx-7\:xl {
        margin-right: calc(var(--spacing) * 7)
    }

    .mr-8\:xl,
    .mx-8\:xl {
        margin-right: calc(var(--spacing) * 8)
    }

    .mr-layout\:xl,
    .mx-layout\:xl {
        margin-right: var(--spacing-layout)
    }

    .mr-layout-4\:xl,
    .mx-layout-4\:xl {
        margin-right: calc(var(--spacing-layout) * 4)
    }

    .mr-grid\:xl,
    .mx-grid\:xl {
        margin-right: var(--spacing-grid)
    }

    .mr-auto\:xl,
    .mx-auto\:xl {
        margin-right: auto
    }
}

@media (min-width:1440px) and (min-height:700px) {

    .pt-0\:xxl,
    .py-0\:xxl {
        padding-top: 0
    }

    .pt-0\.2\:xxl,
    .py-0\.2\:xxl {
        padding-top: calc(var(--spacing) * .2)
    }

    .pt-0\.25\:xxl,
    .py-0\.25\:xxl {
        padding-top: calc(var(--spacing) * .25)
    }

    .pt-0\.3\:xxl,
    .py-0\.3\:xxl {
        padding-top: calc(var(--spacing) * .3)
    }

    .pt-0\.4\:xxl,
    .py-0\.4\:xxl {
        padding-top: calc(var(--spacing) * .4)
    }

    .pt-0\.5\:xxl,
    .py-0\.5\:xxl {
        padding-top: calc(var(--spacing) * .5)
    }

    .pt-0\.85\:xxl,
    .py-0\.85\:xxl {
        padding-top: calc(var(--spacing) * .85)
    }

    .pt-0\.9\:xxl,
    .py-0\.9\:xxl {
        padding-top: calc(var(--spacing) * .9)
    }

    .pt-1\:xxl,
    .py-1\:xxl {
        padding-top: var(--spacing)
    }

    .pt-1\.25\:xxl,
    .py-1\.25\:xxl {
        padding-top: calc(var(--spacing) * 1.25)
    }

    .pt-1\.33\:xxl,
    .py-1\.33\:xxl {
        padding-top: calc(var(--spacing) * 1.33)
    }

    .pt-1\.5\:xxl,
    .py-1\.5\:xxl {
        padding-top: calc(var(--spacing) * 1.5)
    }

    .pt-2\:xxl,
    .py-2\:xxl {
        padding-top: calc(var(--spacing) * 2)
    }

    .pt-2\.5\:xxl,
    .py-2\.5\:xxl {
        padding-top: calc(var(--spacing) * 2.5)
    }

    .pt-3\:xxl,
    .py-3\:xxl {
        padding-top: calc(var(--spacing) * 3)
    }

    .pt-3\.5\:xxl,
    .py-3\.5\:xxl {
        padding-top: calc(var(--spacing) * 3.5)
    }

    .pt-4\:xxl,
    .py-4\:xxl {
        padding-top: calc(var(--spacing) * 4)
    }

    .pt-5\:xxl,
    .py-5\:xxl {
        padding-top: calc(var(--spacing) * 5)
    }

    .pt-6\:xxl,
    .py-6\:xxl {
        padding-top: calc(var(--spacing) * 6)
    }

    .pt-6\.5\:xxl,
    .py-6\.5\:xxl {
        padding-top: calc(var(--spacing) * 6.5)
    }

    .pt-7\:xxl,
    .py-7\:xxl {
        padding-top: calc(var(--spacing) * 7)
    }

    .pt-8\:xxl,
    .py-8\:xxl {
        padding-top: calc(var(--spacing) * 8)
    }

    .pt-layout\:xxl,
    .py-layout\:xxl {
        padding-top: var(--spacing-layout)
    }

    .pt-layout-4\:xxl,
    .py-layout-4\:xxl {
        padding-top: calc(var(--spacing-layout) * 4)
    }

    .pt-grid\:xxl,
    .py-grid\:xxl {
        padding-top: var(--spacing-grid)
    }

    .pb-0\:xxl,
    .py-0\:xxl {
        padding-bottom: 0
    }

    .pb-0\.2\:xxl,
    .py-0\.2\:xxl {
        padding-bottom: calc(var(--spacing) * .2)
    }

    .pb-0\.25\:xxl,
    .py-0\.25\:xxl {
        padding-bottom: calc(var(--spacing) * .25)
    }

    .pb-0\.3\:xxl,
    .py-0\.3\:xxl {
        padding-bottom: calc(var(--spacing) * .3)
    }

    .pb-0\.4\:xxl,
    .py-0\.4\:xxl {
        padding-bottom: calc(var(--spacing) * .4)
    }

    .pb-0\.5\:xxl,
    .py-0\.5\:xxl {
        padding-bottom: calc(var(--spacing) * .5)
    }

    .pb-0\.85\:xxl,
    .py-0\.85\:xxl {
        padding-bottom: calc(var(--spacing) * .85)
    }

    .pb-0\.9\:xxl,
    .py-0\.9\:xxl {
        padding-bottom: calc(var(--spacing) * .9)
    }

    .pb-1\:xxl,
    .py-1\:xxl {
        padding-bottom: var(--spacing)
    }

    .pb-1\.25\:xxl,
    .py-1\.25\:xxl {
        padding-bottom: calc(var(--spacing) * 1.25)
    }

    .pb-1\.33\:xxl,
    .py-1\.33\:xxl {
        padding-bottom: calc(var(--spacing) * 1.33)
    }

    .pb-1\.5\:xxl,
    .py-1\.5\:xxl {
        padding-bottom: calc(var(--spacing) * 1.5)
    }

    .pb-2\:xxl,
    .py-2\:xxl {
        padding-bottom: calc(var(--spacing) * 2)
    }

    .pb-2\.5\:xxl,
    .py-2\.5\:xxl {
        padding-bottom: calc(var(--spacing) * 2.5)
    }

    .pb-3\:xxl,
    .py-3\:xxl {
        padding-bottom: calc(var(--spacing) * 3)
    }

    .pb-3\.5\:xxl,
    .py-3\.5\:xxl {
        padding-bottom: calc(var(--spacing) * 3.5)
    }

    .pb-4\:xxl,
    .py-4\:xxl {
        padding-bottom: calc(var(--spacing) * 4)
    }

    .pb-5\:xxl,
    .py-5\:xxl {
        padding-bottom: calc(var(--spacing) * 5)
    }

    .pb-6\:xxl,
    .py-6\:xxl {
        padding-bottom: calc(var(--spacing) * 6)
    }

    .pb-6\.5\:xxl,
    .py-6\.5\:xxl {
        padding-bottom: calc(var(--spacing) * 6.5)
    }

    .pb-7\:xxl,
    .py-7\:xxl {
        padding-bottom: calc(var(--spacing) * 7)
    }

    .pb-8\:xxl,
    .py-8\:xxl {
        padding-bottom: calc(var(--spacing) * 8)
    }

    .pb-layout\:xxl,
    .py-layout\:xxl {
        padding-bottom: var(--spacing-layout)
    }

    .pb-layout-4\:xxl,
    .py-layout-4\:xxl {
        padding-bottom: calc(var(--spacing-layout) * 4)
    }

    .pb-grid\:xxl,
    .py-grid\:xxl {
        padding-bottom: var(--spacing-grid)
    }

    .pl-0\:xxl,
    .px-0\:xxl {
        padding-left: 0
    }

    .pl-0\.2\:xxl,
    .px-0\.2\:xxl {
        padding-left: calc(var(--spacing) * .2)
    }

    .pl-0\.25\:xxl,
    .px-0\.25\:xxl {
        padding-left: calc(var(--spacing) * .25)
    }

    .pl-0\.3\:xxl,
    .px-0\.3\:xxl {
        padding-left: calc(var(--spacing) * .3)
    }

    .pl-0\.4\:xxl,
    .px-0\.4\:xxl {
        padding-left: calc(var(--spacing) * .4)
    }

    .pl-0\.5\:xxl,
    .px-0\.5\:xxl {
        padding-left: calc(var(--spacing) * .5)
    }

    .pl-0\.85\:xxl,
    .px-0\.85\:xxl {
        padding-left: calc(var(--spacing) * .85)
    }

    .pl-0\.9\:xxl,
    .px-0\.9\:xxl {
        padding-left: calc(var(--spacing) * .9)
    }

    .pl-1\:xxl,
    .px-1\:xxl {
        padding-left: var(--spacing)
    }

    .pl-1\.25\:xxl,
    .px-1\.25\:xxl {
        padding-left: calc(var(--spacing) * 1.25)
    }

    .pl-1\.33\:xxl,
    .px-1\.33\:xxl {
        padding-left: calc(var(--spacing) * 1.33)
    }

    .pl-1\.5\:xxl,
    .px-1\.5\:xxl {
        padding-left: calc(var(--spacing) * 1.5)
    }

    .pl-2\:xxl,
    .px-2\:xxl {
        padding-left: calc(var(--spacing) * 2)
    }

    .pl-2\.5\:xxl,
    .px-2\.5\:xxl {
        padding-left: calc(var(--spacing) * 2.5)
    }

    .pl-3\:xxl,
    .px-3\:xxl {
        padding-left: calc(var(--spacing) * 3)
    }

    .pl-3\.5\:xxl,
    .px-3\.5\:xxl {
        padding-left: calc(var(--spacing) * 3.5)
    }

    .pl-4\:xxl,
    .px-4\:xxl {
        padding-left: calc(var(--spacing) * 4)
    }

    .pl-5\:xxl,
    .px-5\:xxl {
        padding-left: calc(var(--spacing) * 5)
    }

    .pl-6\:xxl,
    .px-6\:xxl {
        padding-left: calc(var(--spacing) * 6)
    }

    .pl-6\.5\:xxl,
    .px-6\.5\:xxl {
        padding-left: calc(var(--spacing) * 6.5)
    }

    .pl-7\:xxl,
    .px-7\:xxl {
        padding-left: calc(var(--spacing) * 7)
    }

    .pl-8\:xxl,
    .px-8\:xxl {
        padding-left: calc(var(--spacing) * 8)
    }

    .pl-layout\:xxl,
    .px-layout\:xxl {
        padding-left: var(--spacing-layout)
    }

    .pl-layout-4\:xxl,
    .px-layout-4\:xxl {
        padding-left: calc(var(--spacing-layout) * 4)
    }

    .pl-grid\:xxl,
    .px-grid\:xxl {
        padding-left: var(--spacing-grid)
    }

    .pr-0\:xxl,
    .px-0\:xxl {
        padding-right: 0
    }

    .pr-0\.2\:xxl,
    .px-0\.2\:xxl {
        padding-right: calc(var(--spacing) * .2)
    }

    .pr-0\.25\:xxl,
    .px-0\.25\:xxl {
        padding-right: calc(var(--spacing) * .25)
    }

    .pr-0\.3\:xxl,
    .px-0\.3\:xxl {
        padding-right: calc(var(--spacing) * .3)
    }

    .pr-0\.4\:xxl,
    .px-0\.4\:xxl {
        padding-right: calc(var(--spacing) * .4)
    }

    .pr-0\.5\:xxl,
    .px-0\.5\:xxl {
        padding-right: calc(var(--spacing) * .5)
    }

    .pr-0\.85\:xxl,
    .px-0\.85\:xxl {
        padding-right: calc(var(--spacing) * .85)
    }

    .pr-0\.9\:xxl,
    .px-0\.9\:xxl {
        padding-right: calc(var(--spacing) * .9)
    }

    .pr-1\:xxl,
    .px-1\:xxl {
        padding-right: var(--spacing)
    }

    .pr-1\.25\:xxl,
    .px-1\.25\:xxl {
        padding-right: calc(var(--spacing) * 1.25)
    }

    .pr-1\.33\:xxl,
    .px-1\.33\:xxl {
        padding-right: calc(var(--spacing) * 1.33)
    }

    .pr-1\.5\:xxl,
    .px-1\.5\:xxl {
        padding-right: calc(var(--spacing) * 1.5)
    }

    .pr-2\:xxl,
    .px-2\:xxl {
        padding-right: calc(var(--spacing) * 2)
    }

    .pr-2\.5\:xxl,
    .px-2\.5\:xxl {
        padding-right: calc(var(--spacing) * 2.5)
    }

    .pr-3\:xxl,
    .px-3\:xxl {
        padding-right: calc(var(--spacing) * 3)
    }

    .pr-3\.5\:xxl,
    .px-3\.5\:xxl {
        padding-right: calc(var(--spacing) * 3.5)
    }

    .pr-4\:xxl,
    .px-4\:xxl {
        padding-right: calc(var(--spacing) * 4)
    }

    .pr-5\:xxl,
    .px-5\:xxl {
        padding-right: calc(var(--spacing) * 5)
    }

    .pr-6\:xxl,
    .px-6\:xxl {
        padding-right: calc(var(--spacing) * 6)
    }

    .pr-6\.5\:xxl,
    .px-6\.5\:xxl {
        padding-right: calc(var(--spacing) * 6.5)
    }

    .pr-7\:xxl,
    .px-7\:xxl {
        padding-right: calc(var(--spacing) * 7)
    }

    .pr-8\:xxl,
    .px-8\:xxl {
        padding-right: calc(var(--spacing) * 8)
    }

    .pr-layout\:xxl,
    .px-layout\:xxl {
        padding-right: var(--spacing-layout)
    }

    .pr-layout-4\:xxl,
    .px-layout-4\:xxl {
        padding-right: calc(var(--spacing-layout) * 4)
    }

    .pr-grid\:xxl,
    .px-grid\:xxl {
        padding-right: var(--spacing-grid)
    }

    .mt-0\:xxl,
    .my-0\:xxl {
        margin-top: 0
    }

    .mt-0\:xxl:where(:first-child),
    .my-0\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.2\:xxl,
    .my-0\.2\:xxl {
        margin-top: calc(var(--spacing) * .2)
    }

    .mt-0\.2\:xxl:where(:first-child),
    .my-0\.2\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.25\:xxl,
    .my-0\.25\:xxl {
        margin-top: calc(var(--spacing) * .25)
    }

    .mt-0\.25\:xxl:where(:first-child),
    .my-0\.25\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.3\:xxl,
    .my-0\.3\:xxl {
        margin-top: calc(var(--spacing) * .3)
    }

    .mt-0\.3\:xxl:where(:first-child),
    .my-0\.3\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.4\:xxl,
    .my-0\.4\:xxl {
        margin-top: calc(var(--spacing) * .4)
    }

    .mt-0\.4\:xxl:where(:first-child),
    .my-0\.4\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.5\:xxl,
    .my-0\.5\:xxl {
        margin-top: calc(var(--spacing) * .5)
    }

    .mt-0\.5\:xxl:where(:first-child),
    .my-0\.5\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.85\:xxl,
    .my-0\.85\:xxl {
        margin-top: calc(var(--spacing) * .85)
    }

    .mt-0\.85\:xxl:where(:first-child),
    .my-0\.85\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.9\:xxl,
    .my-0\.9\:xxl {
        margin-top: calc(var(--spacing) * .9)
    }

    .mt-0\.9\:xxl:where(:first-child),
    .my-0\.9\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-1\:xxl,
    .my-1\:xxl {
        margin-top: var(--spacing)
    }

    .mt-1\:xxl:where(:first-child),
    .my-1\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-1\.25\:xxl,
    .my-1\.25\:xxl {
        margin-top: calc(var(--spacing) * 1.25)
    }

    .mt-1\.25\:xxl:where(:first-child),
    .my-1\.25\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-1\.33\:xxl,
    .my-1\.33\:xxl {
        margin-top: calc(var(--spacing) * 1.33)
    }

    .mt-1\.33\:xxl:where(:first-child),
    .my-1\.33\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-1\.5\:xxl,
    .my-1\.5\:xxl {
        margin-top: calc(var(--spacing) * 1.5)
    }

    .mt-1\.5\:xxl:where(:first-child),
    .my-1\.5\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-2\:xxl,
    .my-2\:xxl {
        margin-top: calc(var(--spacing) * 2)
    }

    .mt-2\:xxl:where(:first-child),
    .my-2\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-2\.5\:xxl,
    .my-2\.5\:xxl {
        margin-top: calc(var(--spacing) * 2.5)
    }

    .mt-2\.5\:xxl:where(:first-child),
    .my-2\.5\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-3\:xxl,
    .my-3\:xxl {
        margin-top: calc(var(--spacing) * 3)
    }

    .mt-3\:xxl:where(:first-child),
    .my-3\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-3\.5\:xxl,
    .my-3\.5\:xxl {
        margin-top: calc(var(--spacing) * 3.5)
    }

    .mt-3\.5\:xxl:where(:first-child),
    .my-3\.5\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-4\:xxl,
    .my-4\:xxl {
        margin-top: calc(var(--spacing) * 4)
    }

    .mt-4\:xxl:where(:first-child),
    .my-4\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-5\:xxl,
    .my-5\:xxl {
        margin-top: calc(var(--spacing) * 5)
    }

    .mt-5\:xxl:where(:first-child),
    .my-5\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-6\:xxl,
    .my-6\:xxl {
        margin-top: calc(var(--spacing) * 6)
    }

    .mt-6\:xxl:where(:first-child),
    .my-6\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-6\.5\:xxl,
    .my-6\.5\:xxl {
        margin-top: calc(var(--spacing) * 6.5)
    }

    .mt-6\.5\:xxl:where(:first-child),
    .my-6\.5\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-7\:xxl,
    .my-7\:xxl {
        margin-top: calc(var(--spacing) * 7)
    }

    .mt-7\:xxl:where(:first-child),
    .my-7\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-8\:xxl,
    .my-8\:xxl {
        margin-top: calc(var(--spacing) * 8)
    }

    .mt-8\:xxl:where(:first-child),
    .my-8\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-layout\:xxl,
    .my-layout\:xxl {
        margin-top: var(--spacing-layout)
    }

    .mt-layout\:xxl:where(:first-child),
    .my-layout\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-layout-4\:xxl,
    .my-layout-4\:xxl {
        margin-top: calc(var(--spacing-layout) * 4)
    }

    .mt-layout-4\:xxl:where(:first-child),
    .my-layout-4\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-grid\:xxl,
    .my-grid\:xxl {
        margin-top: var(--spacing-grid)
    }

    .mt-grid\:xxl:where(:first-child),
    .my-grid\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-auto\:xxl,
    .my-auto\:xxl {
        margin-top: auto
    }

    .mt-auto\:xxl:where(:first-child),
    .my-auto\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mb-0\:xxl,
    .my-0\:xxl {
        margin-bottom: 0
    }

    .mb-0\:xxl:where(:last-child),
    .my-0\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.2\:xxl,
    .my-0\.2\:xxl {
        margin-bottom: calc(var(--spacing) * .2)
    }

    .mb-0\.2\:xxl:where(:last-child),
    .my-0\.2\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.25\:xxl,
    .my-0\.25\:xxl {
        margin-bottom: calc(var(--spacing) * .25)
    }

    .mb-0\.25\:xxl:where(:last-child),
    .my-0\.25\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.3\:xxl,
    .my-0\.3\:xxl {
        margin-bottom: calc(var(--spacing) * .3)
    }

    .mb-0\.3\:xxl:where(:last-child),
    .my-0\.3\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.4\:xxl,
    .my-0\.4\:xxl {
        margin-bottom: calc(var(--spacing) * .4)
    }

    .mb-0\.4\:xxl:where(:last-child),
    .my-0\.4\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.5\:xxl,
    .my-0\.5\:xxl {
        margin-bottom: calc(var(--spacing) * .5)
    }

    .mb-0\.5\:xxl:where(:last-child),
    .my-0\.5\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.85\:xxl,
    .my-0\.85\:xxl {
        margin-bottom: calc(var(--spacing) * .85)
    }

    .mb-0\.85\:xxl:where(:last-child),
    .my-0\.85\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.9\:xxl,
    .my-0\.9\:xxl {
        margin-bottom: calc(var(--spacing) * .9)
    }

    .mb-0\.9\:xxl:where(:last-child),
    .my-0\.9\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\:xxl,
    .my-1\:xxl {
        margin-bottom: var(--spacing)
    }

    .mb-1\:xxl:where(:last-child),
    .my-1\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\.25\:xxl,
    .my-1\.25\:xxl {
        margin-bottom: calc(var(--spacing) * 1.25)
    }

    .mb-1\.25\:xxl:where(:last-child),
    .my-1\.25\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\.33\:xxl,
    .my-1\.33\:xxl {
        margin-bottom: calc(var(--spacing) * 1.33)
    }

    .mb-1\.33\:xxl:where(:last-child),
    .my-1\.33\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\.5\:xxl,
    .my-1\.5\:xxl {
        margin-bottom: calc(var(--spacing) * 1.5)
    }

    .mb-1\.5\:xxl:where(:last-child),
    .my-1\.5\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-2\:xxl,
    .my-2\:xxl {
        margin-bottom: calc(var(--spacing) * 2)
    }

    .mb-2\:xxl:where(:last-child),
    .my-2\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-2\.5\:xxl,
    .my-2\.5\:xxl {
        margin-bottom: calc(var(--spacing) * 2.5)
    }

    .mb-2\.5\:xxl:where(:last-child),
    .my-2\.5\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-3\:xxl,
    .my-3\:xxl {
        margin-bottom: calc(var(--spacing) * 3)
    }

    .mb-3\:xxl:where(:last-child),
    .my-3\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-3\.5\:xxl,
    .my-3\.5\:xxl {
        margin-bottom: calc(var(--spacing) * 3.5)
    }

    .mb-3\.5\:xxl:where(:last-child),
    .my-3\.5\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-4\:xxl,
    .my-4\:xxl {
        margin-bottom: calc(var(--spacing) * 4)
    }

    .mb-4\:xxl:where(:last-child),
    .my-4\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-5\:xxl,
    .my-5\:xxl {
        margin-bottom: calc(var(--spacing) * 5)
    }

    .mb-5\:xxl:where(:last-child),
    .my-5\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-6\:xxl,
    .my-6\:xxl {
        margin-bottom: calc(var(--spacing) * 6)
    }

    .mb-6\:xxl:where(:last-child),
    .my-6\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-6\.5\:xxl,
    .my-6\.5\:xxl {
        margin-bottom: calc(var(--spacing) * 6.5)
    }

    .mb-6\.5\:xxl:where(:last-child),
    .my-6\.5\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-7\:xxl,
    .my-7\:xxl {
        margin-bottom: calc(var(--spacing) * 7)
    }

    .mb-7\:xxl:where(:last-child),
    .my-7\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-8\:xxl,
    .my-8\:xxl {
        margin-bottom: calc(var(--spacing) * 8)
    }

    .mb-8\:xxl:where(:last-child),
    .my-8\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-layout\:xxl,
    .my-layout\:xxl {
        margin-bottom: var(--spacing-layout)
    }

    .mb-layout\:xxl:where(:last-child),
    .my-layout\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-layout-4\:xxl,
    .my-layout-4\:xxl {
        margin-bottom: calc(var(--spacing-layout) * 4)
    }

    .mb-layout-4\:xxl:where(:last-child),
    .my-layout-4\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-grid\:xxl,
    .my-grid\:xxl {
        margin-bottom: var(--spacing-grid)
    }

    .mb-grid\:xxl:where(:last-child),
    .my-grid\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-auto\:xxl,
    .my-auto\:xxl {
        margin-bottom: auto
    }

    .mb-auto\:xxl:where(:last-child),
    .my-auto\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .ml-0\:xxl,
    .mx-0\:xxl {
        margin-left: 0
    }

    .ml-0\.2\:xxl,
    .mx-0\.2\:xxl {
        margin-left: calc(var(--spacing) * .2)
    }

    .ml-0\.25\:xxl,
    .mx-0\.25\:xxl {
        margin-left: calc(var(--spacing) * .25)
    }

    .ml-0\.3\:xxl,
    .mx-0\.3\:xxl {
        margin-left: calc(var(--spacing) * .3)
    }

    .ml-0\.4\:xxl,
    .mx-0\.4\:xxl {
        margin-left: calc(var(--spacing) * .4)
    }

    .ml-0\.5\:xxl,
    .mx-0\.5\:xxl {
        margin-left: calc(var(--spacing) * .5)
    }

    .ml-0\.85\:xxl,
    .mx-0\.85\:xxl {
        margin-left: calc(var(--spacing) * .85)
    }

    .ml-0\.9\:xxl,
    .mx-0\.9\:xxl {
        margin-left: calc(var(--spacing) * .9)
    }

    .ml-1\:xxl,
    .mx-1\:xxl {
        margin-left: var(--spacing)
    }

    .ml-1\.25\:xxl,
    .mx-1\.25\:xxl {
        margin-left: calc(var(--spacing) * 1.25)
    }

    .ml-1\.33\:xxl,
    .mx-1\.33\:xxl {
        margin-left: calc(var(--spacing) * 1.33)
    }

    .ml-1\.5\:xxl,
    .mx-1\.5\:xxl {
        margin-left: calc(var(--spacing) * 1.5)
    }

    .ml-2\:xxl,
    .mx-2\:xxl {
        margin-left: calc(var(--spacing) * 2)
    }

    .ml-2\.5\:xxl,
    .mx-2\.5\:xxl {
        margin-left: calc(var(--spacing) * 2.5)
    }

    .ml-3\:xxl,
    .mx-3\:xxl {
        margin-left: calc(var(--spacing) * 3)
    }

    .ml-3\.5\:xxl,
    .mx-3\.5\:xxl {
        margin-left: calc(var(--spacing) * 3.5)
    }

    .ml-4\:xxl,
    .mx-4\:xxl {
        margin-left: calc(var(--spacing) * 4)
    }

    .ml-5\:xxl,
    .mx-5\:xxl {
        margin-left: calc(var(--spacing) * 5)
    }

    .ml-6\:xxl,
    .mx-6\:xxl {
        margin-left: calc(var(--spacing) * 6)
    }

    .ml-6\.5\:xxl,
    .mx-6\.5\:xxl {
        margin-left: calc(var(--spacing) * 6.5)
    }

    .ml-7\:xxl,
    .mx-7\:xxl {
        margin-left: calc(var(--spacing) * 7)
    }

    .ml-8\:xxl,
    .mx-8\:xxl {
        margin-left: calc(var(--spacing) * 8)
    }

    .ml-layout\:xxl,
    .mx-layout\:xxl {
        margin-left: var(--spacing-layout)
    }

    .ml-layout-4\:xxl,
    .mx-layout-4\:xxl {
        margin-left: calc(var(--spacing-layout) * 4)
    }

    .ml-grid\:xxl,
    .mx-grid\:xxl {
        margin-left: var(--spacing-grid)
    }

    .ml-auto\:xxl,
    .mx-auto\:xxl {
        margin-left: auto
    }

    .mr-0\:xxl,
    .mx-0\:xxl {
        margin-right: 0
    }

    .mr-0\.2\:xxl,
    .mx-0\.2\:xxl {
        margin-right: calc(var(--spacing) * .2)
    }

    .mr-0\.25\:xxl,
    .mx-0\.25\:xxl {
        margin-right: calc(var(--spacing) * .25)
    }

    .mr-0\.3\:xxl,
    .mx-0\.3\:xxl {
        margin-right: calc(var(--spacing) * .3)
    }

    .mr-0\.4\:xxl,
    .mx-0\.4\:xxl {
        margin-right: calc(var(--spacing) * .4)
    }

    .mr-0\.5\:xxl,
    .mx-0\.5\:xxl {
        margin-right: calc(var(--spacing) * .5)
    }

    .mr-0\.85\:xxl,
    .mx-0\.85\:xxl {
        margin-right: calc(var(--spacing) * .85)
    }

    .mr-0\.9\:xxl,
    .mx-0\.9\:xxl {
        margin-right: calc(var(--spacing) * .9)
    }

    .mr-1\:xxl,
    .mx-1\:xxl {
        margin-right: var(--spacing)
    }

    .mr-1\.25\:xxl,
    .mx-1\.25\:xxl {
        margin-right: calc(var(--spacing) * 1.25)
    }

    .mr-1\.33\:xxl,
    .mx-1\.33\:xxl {
        margin-right: calc(var(--spacing) * 1.33)
    }

    .mr-1\.5\:xxl,
    .mx-1\.5\:xxl {
        margin-right: calc(var(--spacing) * 1.5)
    }

    .mr-2\:xxl,
    .mx-2\:xxl {
        margin-right: calc(var(--spacing) * 2)
    }

    .mr-2\.5\:xxl,
    .mx-2\.5\:xxl {
        margin-right: calc(var(--spacing) * 2.5)
    }

    .mr-3\:xxl,
    .mx-3\:xxl {
        margin-right: calc(var(--spacing) * 3)
    }

    .mr-3\.5\:xxl,
    .mx-3\.5\:xxl {
        margin-right: calc(var(--spacing) * 3.5)
    }

    .mr-4\:xxl,
    .mx-4\:xxl {
        margin-right: calc(var(--spacing) * 4)
    }

    .mr-5\:xxl,
    .mx-5\:xxl {
        margin-right: calc(var(--spacing) * 5)
    }

    .mr-6\:xxl,
    .mx-6\:xxl {
        margin-right: calc(var(--spacing) * 6)
    }

    .mr-6\.5\:xxl,
    .mx-6\.5\:xxl {
        margin-right: calc(var(--spacing) * 6.5)
    }

    .mr-7\:xxl,
    .mx-7\:xxl {
        margin-right: calc(var(--spacing) * 7)
    }

    .mr-8\:xxl,
    .mx-8\:xxl {
        margin-right: calc(var(--spacing) * 8)
    }

    .mr-layout\:xxl,
    .mx-layout\:xxl {
        margin-right: var(--spacing-layout)
    }

    .mr-layout-4\:xxl,
    .mx-layout-4\:xxl {
        margin-right: calc(var(--spacing-layout) * 4)
    }

    .mr-grid\:xxl,
    .mx-grid\:xxl {
        margin-right: var(--spacing-grid)
    }

    .mr-auto\:xxl,
    .mx-auto\:xxl {
        margin-right: auto
    }
}

@media (min-width:1920px) and (min-height:700px) {

    .pt-0\:xxxl,
    .py-0\:xxxl {
        padding-top: 0
    }

    .pt-0\.2\:xxxl,
    .py-0\.2\:xxxl {
        padding-top: calc(var(--spacing) * .2)
    }

    .pt-0\.25\:xxxl,
    .py-0\.25\:xxxl {
        padding-top: calc(var(--spacing) * .25)
    }

    .pt-0\.3\:xxxl,
    .py-0\.3\:xxxl {
        padding-top: calc(var(--spacing) * .3)
    }

    .pt-0\.4\:xxxl,
    .py-0\.4\:xxxl {
        padding-top: calc(var(--spacing) * .4)
    }

    .pt-0\.5\:xxxl,
    .py-0\.5\:xxxl {
        padding-top: calc(var(--spacing) * .5)
    }

    .pt-0\.85\:xxxl,
    .py-0\.85\:xxxl {
        padding-top: calc(var(--spacing) * .85)
    }

    .pt-0\.9\:xxxl,
    .py-0\.9\:xxxl {
        padding-top: calc(var(--spacing) * .9)
    }

    .pt-1\:xxxl,
    .py-1\:xxxl {
        padding-top: var(--spacing)
    }

    .pt-1\.25\:xxxl,
    .py-1\.25\:xxxl {
        padding-top: calc(var(--spacing) * 1.25)
    }

    .pt-1\.33\:xxxl,
    .py-1\.33\:xxxl {
        padding-top: calc(var(--spacing) * 1.33)
    }

    .pt-1\.5\:xxxl,
    .py-1\.5\:xxxl {
        padding-top: calc(var(--spacing) * 1.5)
    }

    .pt-2\:xxxl,
    .py-2\:xxxl {
        padding-top: calc(var(--spacing) * 2)
    }

    .pt-2\.5\:xxxl,
    .py-2\.5\:xxxl {
        padding-top: calc(var(--spacing) * 2.5)
    }

    .pt-3\:xxxl,
    .py-3\:xxxl {
        padding-top: calc(var(--spacing) * 3)
    }

    .pt-3\.5\:xxxl,
    .py-3\.5\:xxxl {
        padding-top: calc(var(--spacing) * 3.5)
    }

    .pt-4\:xxxl,
    .py-4\:xxxl {
        padding-top: calc(var(--spacing) * 4)
    }

    .pt-5\:xxxl,
    .py-5\:xxxl {
        padding-top: calc(var(--spacing) * 5)
    }

    .pt-6\:xxxl,
    .py-6\:xxxl {
        padding-top: calc(var(--spacing) * 6)
    }

    .pt-6\.5\:xxxl,
    .py-6\.5\:xxxl {
        padding-top: calc(var(--spacing) * 6.5)
    }

    .pt-7\:xxxl,
    .py-7\:xxxl {
        padding-top: calc(var(--spacing) * 7)
    }

    .pt-8\:xxxl,
    .py-8\:xxxl {
        padding-top: calc(var(--spacing) * 8)
    }

    .pt-layout\:xxxl,
    .py-layout\:xxxl {
        padding-top: var(--spacing-layout)
    }

    .pt-layout-4\:xxxl,
    .py-layout-4\:xxxl {
        padding-top: calc(var(--spacing-layout) * 4)
    }

    .pt-grid\:xxxl,
    .py-grid\:xxxl {
        padding-top: var(--spacing-grid)
    }

    .pb-0\:xxxl,
    .py-0\:xxxl {
        padding-bottom: 0
    }

    .pb-0\.2\:xxxl,
    .py-0\.2\:xxxl {
        padding-bottom: calc(var(--spacing) * .2)
    }

    .pb-0\.25\:xxxl,
    .py-0\.25\:xxxl {
        padding-bottom: calc(var(--spacing) * .25)
    }

    .pb-0\.3\:xxxl,
    .py-0\.3\:xxxl {
        padding-bottom: calc(var(--spacing) * .3)
    }

    .pb-0\.4\:xxxl,
    .py-0\.4\:xxxl {
        padding-bottom: calc(var(--spacing) * .4)
    }

    .pb-0\.5\:xxxl,
    .py-0\.5\:xxxl {
        padding-bottom: calc(var(--spacing) * .5)
    }

    .pb-0\.85\:xxxl,
    .py-0\.85\:xxxl {
        padding-bottom: calc(var(--spacing) * .85)
    }

    .pb-0\.9\:xxxl,
    .py-0\.9\:xxxl {
        padding-bottom: calc(var(--spacing) * .9)
    }

    .pb-1\:xxxl,
    .py-1\:xxxl {
        padding-bottom: var(--spacing)
    }

    .pb-1\.25\:xxxl,
    .py-1\.25\:xxxl {
        padding-bottom: calc(var(--spacing) * 1.25)
    }

    .pb-1\.33\:xxxl,
    .py-1\.33\:xxxl {
        padding-bottom: calc(var(--spacing) * 1.33)
    }

    .pb-1\.5\:xxxl,
    .py-1\.5\:xxxl {
        padding-bottom: calc(var(--spacing) * 1.5)
    }

    .pb-2\:xxxl,
    .py-2\:xxxl {
        padding-bottom: calc(var(--spacing) * 2)
    }

    .pb-2\.5\:xxxl,
    .py-2\.5\:xxxl {
        padding-bottom: calc(var(--spacing) * 2.5)
    }

    .pb-3\:xxxl,
    .py-3\:xxxl {
        padding-bottom: calc(var(--spacing) * 3)
    }

    .pb-3\.5\:xxxl,
    .py-3\.5\:xxxl {
        padding-bottom: calc(var(--spacing) * 3.5)
    }

    .pb-4\:xxxl,
    .py-4\:xxxl {
        padding-bottom: calc(var(--spacing) * 4)
    }

    .pb-5\:xxxl,
    .py-5\:xxxl {
        padding-bottom: calc(var(--spacing) * 5)
    }

    .pb-6\:xxxl,
    .py-6\:xxxl {
        padding-bottom: calc(var(--spacing) * 6)
    }

    .pb-6\.5\:xxxl,
    .py-6\.5\:xxxl {
        padding-bottom: calc(var(--spacing) * 6.5)
    }

    .pb-7\:xxxl,
    .py-7\:xxxl {
        padding-bottom: calc(var(--spacing) * 7)
    }

    .pb-8\:xxxl,
    .py-8\:xxxl {
        padding-bottom: calc(var(--spacing) * 8)
    }

    .pb-layout\:xxxl,
    .py-layout\:xxxl {
        padding-bottom: var(--spacing-layout)
    }

    .pb-layout-4\:xxxl,
    .py-layout-4\:xxxl {
        padding-bottom: calc(var(--spacing-layout) * 4)
    }

    .pb-grid\:xxxl,
    .py-grid\:xxxl {
        padding-bottom: var(--spacing-grid)
    }

    .pl-0\:xxxl,
    .px-0\:xxxl {
        padding-left: 0
    }

    .pl-0\.2\:xxxl,
    .px-0\.2\:xxxl {
        padding-left: calc(var(--spacing) * .2)
    }

    .pl-0\.25\:xxxl,
    .px-0\.25\:xxxl {
        padding-left: calc(var(--spacing) * .25)
    }

    .pl-0\.3\:xxxl,
    .px-0\.3\:xxxl {
        padding-left: calc(var(--spacing) * .3)
    }

    .pl-0\.4\:xxxl,
    .px-0\.4\:xxxl {
        padding-left: calc(var(--spacing) * .4)
    }

    .pl-0\.5\:xxxl,
    .px-0\.5\:xxxl {
        padding-left: calc(var(--spacing) * .5)
    }

    .pl-0\.85\:xxxl,
    .px-0\.85\:xxxl {
        padding-left: calc(var(--spacing) * .85)
    }

    .pl-0\.9\:xxxl,
    .px-0\.9\:xxxl {
        padding-left: calc(var(--spacing) * .9)
    }

    .pl-1\:xxxl,
    .px-1\:xxxl {
        padding-left: var(--spacing)
    }

    .pl-1\.25\:xxxl,
    .px-1\.25\:xxxl {
        padding-left: calc(var(--spacing) * 1.25)
    }

    .pl-1\.33\:xxxl,
    .px-1\.33\:xxxl {
        padding-left: calc(var(--spacing) * 1.33)
    }

    .pl-1\.5\:xxxl,
    .px-1\.5\:xxxl {
        padding-left: calc(var(--spacing) * 1.5)
    }

    .pl-2\:xxxl,
    .px-2\:xxxl {
        padding-left: calc(var(--spacing) * 2)
    }

    .pl-2\.5\:xxxl,
    .px-2\.5\:xxxl {
        padding-left: calc(var(--spacing) * 2.5)
    }

    .pl-3\:xxxl,
    .px-3\:xxxl {
        padding-left: calc(var(--spacing) * 3)
    }

    .pl-3\.5\:xxxl,
    .px-3\.5\:xxxl {
        padding-left: calc(var(--spacing) * 3.5)
    }

    .pl-4\:xxxl,
    .px-4\:xxxl {
        padding-left: calc(var(--spacing) * 4)
    }

    .pl-5\:xxxl,
    .px-5\:xxxl {
        padding-left: calc(var(--spacing) * 5)
    }

    .pl-6\:xxxl,
    .px-6\:xxxl {
        padding-left: calc(var(--spacing) * 6)
    }

    .pl-6\.5\:xxxl,
    .px-6\.5\:xxxl {
        padding-left: calc(var(--spacing) * 6.5)
    }

    .pl-7\:xxxl,
    .px-7\:xxxl {
        padding-left: calc(var(--spacing) * 7)
    }

    .pl-8\:xxxl,
    .px-8\:xxxl {
        padding-left: calc(var(--spacing) * 8)
    }

    .pl-layout\:xxxl,
    .px-layout\:xxxl {
        padding-left: var(--spacing-layout)
    }

    .pl-layout-4\:xxxl,
    .px-layout-4\:xxxl {
        padding-left: calc(var(--spacing-layout) * 4)
    }

    .pl-grid\:xxxl,
    .px-grid\:xxxl {
        padding-left: var(--spacing-grid)
    }

    .pr-0\:xxxl,
    .px-0\:xxxl {
        padding-right: 0
    }

    .pr-0\.2\:xxxl,
    .px-0\.2\:xxxl {
        padding-right: calc(var(--spacing) * .2)
    }

    .pr-0\.25\:xxxl,
    .px-0\.25\:xxxl {
        padding-right: calc(var(--spacing) * .25)
    }

    .pr-0\.3\:xxxl,
    .px-0\.3\:xxxl {
        padding-right: calc(var(--spacing) * .3)
    }

    .pr-0\.4\:xxxl,
    .px-0\.4\:xxxl {
        padding-right: calc(var(--spacing) * .4)
    }

    .pr-0\.5\:xxxl,
    .px-0\.5\:xxxl {
        padding-right: calc(var(--spacing) * .5)
    }

    .pr-0\.85\:xxxl,
    .px-0\.85\:xxxl {
        padding-right: calc(var(--spacing) * .85)
    }

    .pr-0\.9\:xxxl,
    .px-0\.9\:xxxl {
        padding-right: calc(var(--spacing) * .9)
    }

    .pr-1\:xxxl,
    .px-1\:xxxl {
        padding-right: var(--spacing)
    }

    .pr-1\.25\:xxxl,
    .px-1\.25\:xxxl {
        padding-right: calc(var(--spacing) * 1.25)
    }

    .pr-1\.33\:xxxl,
    .px-1\.33\:xxxl {
        padding-right: calc(var(--spacing) * 1.33)
    }

    .pr-1\.5\:xxxl,
    .px-1\.5\:xxxl {
        padding-right: calc(var(--spacing) * 1.5)
    }

    .pr-2\:xxxl,
    .px-2\:xxxl {
        padding-right: calc(var(--spacing) * 2)
    }

    .pr-2\.5\:xxxl,
    .px-2\.5\:xxxl {
        padding-right: calc(var(--spacing) * 2.5)
    }

    .pr-3\:xxxl,
    .px-3\:xxxl {
        padding-right: calc(var(--spacing) * 3)
    }

    .pr-3\.5\:xxxl,
    .px-3\.5\:xxxl {
        padding-right: calc(var(--spacing) * 3.5)
    }

    .pr-4\:xxxl,
    .px-4\:xxxl {
        padding-right: calc(var(--spacing) * 4)
    }

    .pr-5\:xxxl,
    .px-5\:xxxl {
        padding-right: calc(var(--spacing) * 5)
    }

    .pr-6\:xxxl,
    .px-6\:xxxl {
        padding-right: calc(var(--spacing) * 6)
    }

    .pr-6\.5\:xxxl,
    .px-6\.5\:xxxl {
        padding-right: calc(var(--spacing) * 6.5)
    }

    .pr-7\:xxxl,
    .px-7\:xxxl {
        padding-right: calc(var(--spacing) * 7)
    }

    .pr-8\:xxxl,
    .px-8\:xxxl {
        padding-right: calc(var(--spacing) * 8)
    }

    .pr-layout\:xxxl,
    .px-layout\:xxxl {
        padding-right: var(--spacing-layout)
    }

    .pr-layout-4\:xxxl,
    .px-layout-4\:xxxl {
        padding-right: calc(var(--spacing-layout) * 4)
    }

    .pr-grid\:xxxl,
    .px-grid\:xxxl {
        padding-right: var(--spacing-grid)
    }

    .mt-0\:xxxl,
    .my-0\:xxxl {
        margin-top: 0
    }

    .mt-0\:xxxl:where(:first-child),
    .my-0\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.2\:xxxl,
    .my-0\.2\:xxxl {
        margin-top: calc(var(--spacing) * .2)
    }

    .mt-0\.2\:xxxl:where(:first-child),
    .my-0\.2\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.25\:xxxl,
    .my-0\.25\:xxxl {
        margin-top: calc(var(--spacing) * .25)
    }

    .mt-0\.25\:xxxl:where(:first-child),
    .my-0\.25\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.3\:xxxl,
    .my-0\.3\:xxxl {
        margin-top: calc(var(--spacing) * .3)
    }

    .mt-0\.3\:xxxl:where(:first-child),
    .my-0\.3\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.4\:xxxl,
    .my-0\.4\:xxxl {
        margin-top: calc(var(--spacing) * .4)
    }

    .mt-0\.4\:xxxl:where(:first-child),
    .my-0\.4\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.5\:xxxl,
    .my-0\.5\:xxxl {
        margin-top: calc(var(--spacing) * .5)
    }

    .mt-0\.5\:xxxl:where(:first-child),
    .my-0\.5\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.85\:xxxl,
    .my-0\.85\:xxxl {
        margin-top: calc(var(--spacing) * .85)
    }

    .mt-0\.85\:xxxl:where(:first-child),
    .my-0\.85\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.9\:xxxl,
    .my-0\.9\:xxxl {
        margin-top: calc(var(--spacing) * .9)
    }

    .mt-0\.9\:xxxl:where(:first-child),
    .my-0\.9\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-1\:xxxl,
    .my-1\:xxxl {
        margin-top: var(--spacing)
    }

    .mt-1\:xxxl:where(:first-child),
    .my-1\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-1\.25\:xxxl,
    .my-1\.25\:xxxl {
        margin-top: calc(var(--spacing) * 1.25)
    }

    .mt-1\.25\:xxxl:where(:first-child),
    .my-1\.25\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-1\.33\:xxxl,
    .my-1\.33\:xxxl {
        margin-top: calc(var(--spacing) * 1.33)
    }

    .mt-1\.33\:xxxl:where(:first-child),
    .my-1\.33\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-1\.5\:xxxl,
    .my-1\.5\:xxxl {
        margin-top: calc(var(--spacing) * 1.5)
    }

    .mt-1\.5\:xxxl:where(:first-child),
    .my-1\.5\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-2\:xxxl,
    .my-2\:xxxl {
        margin-top: calc(var(--spacing) * 2)
    }

    .mt-2\:xxxl:where(:first-child),
    .my-2\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-2\.5\:xxxl,
    .my-2\.5\:xxxl {
        margin-top: calc(var(--spacing) * 2.5)
    }

    .mt-2\.5\:xxxl:where(:first-child),
    .my-2\.5\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-3\:xxxl,
    .my-3\:xxxl {
        margin-top: calc(var(--spacing) * 3)
    }

    .mt-3\:xxxl:where(:first-child),
    .my-3\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-3\.5\:xxxl,
    .my-3\.5\:xxxl {
        margin-top: calc(var(--spacing) * 3.5)
    }

    .mt-3\.5\:xxxl:where(:first-child),
    .my-3\.5\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-4\:xxxl,
    .my-4\:xxxl {
        margin-top: calc(var(--spacing) * 4)
    }

    .mt-4\:xxxl:where(:first-child),
    .my-4\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-5\:xxxl,
    .my-5\:xxxl {
        margin-top: calc(var(--spacing) * 5)
    }

    .mt-5\:xxxl:where(:first-child),
    .my-5\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-6\:xxxl,
    .my-6\:xxxl {
        margin-top: calc(var(--spacing) * 6)
    }

    .mt-6\:xxxl:where(:first-child),
    .my-6\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-6\.5\:xxxl,
    .my-6\.5\:xxxl {
        margin-top: calc(var(--spacing) * 6.5)
    }

    .mt-6\.5\:xxxl:where(:first-child),
    .my-6\.5\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-7\:xxxl,
    .my-7\:xxxl {
        margin-top: calc(var(--spacing) * 7)
    }

    .mt-7\:xxxl:where(:first-child),
    .my-7\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-8\:xxxl,
    .my-8\:xxxl {
        margin-top: calc(var(--spacing) * 8)
    }

    .mt-8\:xxxl:where(:first-child),
    .my-8\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-layout\:xxxl,
    .my-layout\:xxxl {
        margin-top: var(--spacing-layout)
    }

    .mt-layout\:xxxl:where(:first-child),
    .my-layout\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-layout-4\:xxxl,
    .my-layout-4\:xxxl {
        margin-top: calc(var(--spacing-layout) * 4)
    }

    .mt-layout-4\:xxxl:where(:first-child),
    .my-layout-4\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-grid\:xxxl,
    .my-grid\:xxxl {
        margin-top: var(--spacing-grid)
    }

    .mt-grid\:xxxl:where(:first-child),
    .my-grid\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-auto\:xxxl,
    .my-auto\:xxxl {
        margin-top: auto
    }

    .mt-auto\:xxxl:where(:first-child),
    .my-auto\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mb-0\:xxxl,
    .my-0\:xxxl {
        margin-bottom: 0
    }

    .mb-0\:xxxl:where(:last-child),
    .my-0\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.2\:xxxl,
    .my-0\.2\:xxxl {
        margin-bottom: calc(var(--spacing) * .2)
    }

    .mb-0\.2\:xxxl:where(:last-child),
    .my-0\.2\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.25\:xxxl,
    .my-0\.25\:xxxl {
        margin-bottom: calc(var(--spacing) * .25)
    }

    .mb-0\.25\:xxxl:where(:last-child),
    .my-0\.25\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.3\:xxxl,
    .my-0\.3\:xxxl {
        margin-bottom: calc(var(--spacing) * .3)
    }

    .mb-0\.3\:xxxl:where(:last-child),
    .my-0\.3\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.4\:xxxl,
    .my-0\.4\:xxxl {
        margin-bottom: calc(var(--spacing) * .4)
    }

    .mb-0\.4\:xxxl:where(:last-child),
    .my-0\.4\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.5\:xxxl,
    .my-0\.5\:xxxl {
        margin-bottom: calc(var(--spacing) * .5)
    }

    .mb-0\.5\:xxxl:where(:last-child),
    .my-0\.5\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.85\:xxxl,
    .my-0\.85\:xxxl {
        margin-bottom: calc(var(--spacing) * .85)
    }

    .mb-0\.85\:xxxl:where(:last-child),
    .my-0\.85\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.9\:xxxl,
    .my-0\.9\:xxxl {
        margin-bottom: calc(var(--spacing) * .9)
    }

    .mb-0\.9\:xxxl:where(:last-child),
    .my-0\.9\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\:xxxl,
    .my-1\:xxxl {
        margin-bottom: var(--spacing)
    }

    .mb-1\:xxxl:where(:last-child),
    .my-1\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\.25\:xxxl,
    .my-1\.25\:xxxl {
        margin-bottom: calc(var(--spacing) * 1.25)
    }

    .mb-1\.25\:xxxl:where(:last-child),
    .my-1\.25\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\.33\:xxxl,
    .my-1\.33\:xxxl {
        margin-bottom: calc(var(--spacing) * 1.33)
    }

    .mb-1\.33\:xxxl:where(:last-child),
    .my-1\.33\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\.5\:xxxl,
    .my-1\.5\:xxxl {
        margin-bottom: calc(var(--spacing) * 1.5)
    }

    .mb-1\.5\:xxxl:where(:last-child),
    .my-1\.5\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-2\:xxxl,
    .my-2\:xxxl {
        margin-bottom: calc(var(--spacing) * 2)
    }

    .mb-2\:xxxl:where(:last-child),
    .my-2\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-2\.5\:xxxl,
    .my-2\.5\:xxxl {
        margin-bottom: calc(var(--spacing) * 2.5)
    }

    .mb-2\.5\:xxxl:where(:last-child),
    .my-2\.5\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-3\:xxxl,
    .my-3\:xxxl {
        margin-bottom: calc(var(--spacing) * 3)
    }

    .mb-3\:xxxl:where(:last-child),
    .my-3\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-3\.5\:xxxl,
    .my-3\.5\:xxxl {
        margin-bottom: calc(var(--spacing) * 3.5)
    }

    .mb-3\.5\:xxxl:where(:last-child),
    .my-3\.5\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-4\:xxxl,
    .my-4\:xxxl {
        margin-bottom: calc(var(--spacing) * 4)
    }

    .mb-4\:xxxl:where(:last-child),
    .my-4\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-5\:xxxl,
    .my-5\:xxxl {
        margin-bottom: calc(var(--spacing) * 5)
    }

    .mb-5\:xxxl:where(:last-child),
    .my-5\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-6\:xxxl,
    .my-6\:xxxl {
        margin-bottom: calc(var(--spacing) * 6)
    }

    .mb-6\:xxxl:where(:last-child),
    .my-6\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-6\.5\:xxxl,
    .my-6\.5\:xxxl {
        margin-bottom: calc(var(--spacing) * 6.5)
    }

    .mb-6\.5\:xxxl:where(:last-child),
    .my-6\.5\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-7\:xxxl,
    .my-7\:xxxl {
        margin-bottom: calc(var(--spacing) * 7)
    }

    .mb-7\:xxxl:where(:last-child),
    .my-7\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-8\:xxxl,
    .my-8\:xxxl {
        margin-bottom: calc(var(--spacing) * 8)
    }

    .mb-8\:xxxl:where(:last-child),
    .my-8\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-layout\:xxxl,
    .my-layout\:xxxl {
        margin-bottom: var(--spacing-layout)
    }

    .mb-layout\:xxxl:where(:last-child),
    .my-layout\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-layout-4\:xxxl,
    .my-layout-4\:xxxl {
        margin-bottom: calc(var(--spacing-layout) * 4)
    }

    .mb-layout-4\:xxxl:where(:last-child),
    .my-layout-4\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-grid\:xxxl,
    .my-grid\:xxxl {
        margin-bottom: var(--spacing-grid)
    }

    .mb-grid\:xxxl:where(:last-child),
    .my-grid\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-auto\:xxxl,
    .my-auto\:xxxl {
        margin-bottom: auto
    }

    .mb-auto\:xxxl:where(:last-child),
    .my-auto\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .ml-0\:xxxl,
    .mx-0\:xxxl {
        margin-left: 0
    }

    .ml-0\.2\:xxxl,
    .mx-0\.2\:xxxl {
        margin-left: calc(var(--spacing) * .2)
    }

    .ml-0\.25\:xxxl,
    .mx-0\.25\:xxxl {
        margin-left: calc(var(--spacing) * .25)
    }

    .ml-0\.3\:xxxl,
    .mx-0\.3\:xxxl {
        margin-left: calc(var(--spacing) * .3)
    }

    .ml-0\.4\:xxxl,
    .mx-0\.4\:xxxl {
        margin-left: calc(var(--spacing) * .4)
    }

    .ml-0\.5\:xxxl,
    .mx-0\.5\:xxxl {
        margin-left: calc(var(--spacing) * .5)
    }

    .ml-0\.85\:xxxl,
    .mx-0\.85\:xxxl {
        margin-left: calc(var(--spacing) * .85)
    }

    .ml-0\.9\:xxxl,
    .mx-0\.9\:xxxl {
        margin-left: calc(var(--spacing) * .9)
    }

    .ml-1\:xxxl,
    .mx-1\:xxxl {
        margin-left: var(--spacing)
    }

    .ml-1\.25\:xxxl,
    .mx-1\.25\:xxxl {
        margin-left: calc(var(--spacing) * 1.25)
    }

    .ml-1\.33\:xxxl,
    .mx-1\.33\:xxxl {
        margin-left: calc(var(--spacing) * 1.33)
    }

    .ml-1\.5\:xxxl,
    .mx-1\.5\:xxxl {
        margin-left: calc(var(--spacing) * 1.5)
    }

    .ml-2\:xxxl,
    .mx-2\:xxxl {
        margin-left: calc(var(--spacing) * 2)
    }

    .ml-2\.5\:xxxl,
    .mx-2\.5\:xxxl {
        margin-left: calc(var(--spacing) * 2.5)
    }

    .ml-3\:xxxl,
    .mx-3\:xxxl {
        margin-left: calc(var(--spacing) * 3)
    }

    .ml-3\.5\:xxxl,
    .mx-3\.5\:xxxl {
        margin-left: calc(var(--spacing) * 3.5)
    }

    .ml-4\:xxxl,
    .mx-4\:xxxl {
        margin-left: calc(var(--spacing) * 4)
    }

    .ml-5\:xxxl,
    .mx-5\:xxxl {
        margin-left: calc(var(--spacing) * 5)
    }

    .ml-6\:xxxl,
    .mx-6\:xxxl {
        margin-left: calc(var(--spacing) * 6)
    }

    .ml-6\.5\:xxxl,
    .mx-6\.5\:xxxl {
        margin-left: calc(var(--spacing) * 6.5)
    }

    .ml-7\:xxxl,
    .mx-7\:xxxl {
        margin-left: calc(var(--spacing) * 7)
    }

    .ml-8\:xxxl,
    .mx-8\:xxxl {
        margin-left: calc(var(--spacing) * 8)
    }

    .ml-layout\:xxxl,
    .mx-layout\:xxxl {
        margin-left: var(--spacing-layout)
    }

    .ml-layout-4\:xxxl,
    .mx-layout-4\:xxxl {
        margin-left: calc(var(--spacing-layout) * 4)
    }

    .ml-grid\:xxxl,
    .mx-grid\:xxxl {
        margin-left: var(--spacing-grid)
    }

    .ml-auto\:xxxl,
    .mx-auto\:xxxl {
        margin-left: auto
    }

    .mr-0\:xxxl,
    .mx-0\:xxxl {
        margin-right: 0
    }

    .mr-0\.2\:xxxl,
    .mx-0\.2\:xxxl {
        margin-right: calc(var(--spacing) * .2)
    }

    .mr-0\.25\:xxxl,
    .mx-0\.25\:xxxl {
        margin-right: calc(var(--spacing) * .25)
    }

    .mr-0\.3\:xxxl,
    .mx-0\.3\:xxxl {
        margin-right: calc(var(--spacing) * .3)
    }

    .mr-0\.4\:xxxl,
    .mx-0\.4\:xxxl {
        margin-right: calc(var(--spacing) * .4)
    }

    .mr-0\.5\:xxxl,
    .mx-0\.5\:xxxl {
        margin-right: calc(var(--spacing) * .5)
    }

    .mr-0\.85\:xxxl,
    .mx-0\.85\:xxxl {
        margin-right: calc(var(--spacing) * .85)
    }

    .mr-0\.9\:xxxl,
    .mx-0\.9\:xxxl {
        margin-right: calc(var(--spacing) * .9)
    }

    .mr-1\:xxxl,
    .mx-1\:xxxl {
        margin-right: var(--spacing)
    }

    .mr-1\.25\:xxxl,
    .mx-1\.25\:xxxl {
        margin-right: calc(var(--spacing) * 1.25)
    }

    .mr-1\.33\:xxxl,
    .mx-1\.33\:xxxl {
        margin-right: calc(var(--spacing) * 1.33)
    }

    .mr-1\.5\:xxxl,
    .mx-1\.5\:xxxl {
        margin-right: calc(var(--spacing) * 1.5)
    }

    .mr-2\:xxxl,
    .mx-2\:xxxl {
        margin-right: calc(var(--spacing) * 2)
    }

    .mr-2\.5\:xxxl,
    .mx-2\.5\:xxxl {
        margin-right: calc(var(--spacing) * 2.5)
    }

    .mr-3\:xxxl,
    .mx-3\:xxxl {
        margin-right: calc(var(--spacing) * 3)
    }

    .mr-3\.5\:xxxl,
    .mx-3\.5\:xxxl {
        margin-right: calc(var(--spacing) * 3.5)
    }

    .mr-4\:xxxl,
    .mx-4\:xxxl {
        margin-right: calc(var(--spacing) * 4)
    }

    .mr-5\:xxxl,
    .mx-5\:xxxl {
        margin-right: calc(var(--spacing) * 5)
    }

    .mr-6\:xxxl,
    .mx-6\:xxxl {
        margin-right: calc(var(--spacing) * 6)
    }

    .mr-6\.5\:xxxl,
    .mx-6\.5\:xxxl {
        margin-right: calc(var(--spacing) * 6.5)
    }

    .mr-7\:xxxl,
    .mx-7\:xxxl {
        margin-right: calc(var(--spacing) * 7)
    }

    .mr-8\:xxxl,
    .mx-8\:xxxl {
        margin-right: calc(var(--spacing) * 8)
    }

    .mr-layout\:xxxl,
    .mx-layout\:xxxl {
        margin-right: var(--spacing-layout)
    }

    .mr-layout-4\:xxxl,
    .mx-layout-4\:xxxl {
        margin-right: calc(var(--spacing-layout) * 4)
    }

    .mr-grid\:xxxl,
    .mx-grid\:xxxl {
        margin-right: var(--spacing-grid)
    }

    .mr-auto\:xxxl,
    .mx-auto\:xxxl {
        margin-right: auto
    }
}

.has-hover .is-hidden--hover,
.is-hidden,
.is-hidden--xs-up,
.is-hidden--xxxxl-down,
.js .is-hidden--js,
.no-hover .is-hidden--no-hover,
.no-js .is-hidden--no-js {
    display: none !important
}

@media (min-aspect-ratio:10/11) and (min-width:668px),
(min-aspect-ratio:13/9) and (max-width:667px) {
    .is-hidden--landscape {
        display: none !important
    }
}

@media (max-aspect-ratio:10/11) and (min-width:668px),
(max-aspect-ratio:13/9) and (max-width:667px) {
    .is-hidden--portrait {
        display: none !important
    }
}

@media not print {

    .is-hidden--not-print,
    .is-visible--print-only {
        display: none !important
    }
}

@media print {
    .is-hidden--print {
        display: none !important
    }
}

@media (max-width:567px) and (max-aspect-ratio:13/9) {
    .is-hidden--xs {
        display: none !important
    }
}

.is-hidden--xs-up {
    display: none !important
}

@media (max-width:567px) and (max-aspect-ratio:13/9) {
    .is-hidden--xs-down {
        display: none !important
    }
}

@media (max-width:667px) and (min-aspect-ratio:13/9),
(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .is-hidden--sm {
        display: none !important
    }
}

@media (min-aspect-ratio:13/9),
(min-width:568px) {
    .is-hidden--sm-up {
        display: none !important
    }
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:667px) and (min-aspect-ratio:13/9),
(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .is-hidden--sm-down {
        display: none !important
    }
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9),
(min-width:668px) and (max-aspect-ratio:10/11) and (max-width:1439px),
(min-width:668px) and (min-height:416px) and (max-width:979px) {
    .is-hidden--md {
        display: none !important
    }
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9),
(min-width:668px) and (max-aspect-ratio:10/11),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .is-hidden--md-up {
        display: none !important
    }
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {
    .is-hidden--md-down {
        display: none !important
    }
}

@media (min-width:980px) and (max-height:499px),
(min-width:980px) and (max-width:1199px) and (min-aspect-ratio:10/11) {
    .is-hidden--lg {
        display: none !important
    }
}

@media (min-width:1440px),
(min-width:980px) and (min-aspect-ratio:10/11) {
    .is-hidden--lg-up {
        display: none !important
    }
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-height:499px) and (min-aspect-ratio:10/11),
(max-width:1199px) and (min-aspect-ratio:10/11),
(max-width:979px) {
    .is-hidden--lg-down {
        display: none !important
    }
}

@media (min-width:1200px) and (min-height:500px) and (max-height:699px) and (min-aspect-ratio:10/11),
(min-width:1200px) and (min-height:500px) and (max-width:1439px) and (min-aspect-ratio:10/11) {
    .is-hidden--xl {
        display: none !important
    }
}

@media (min-width:1200px) and (min-height:500px) and (min-aspect-ratio:10/11),
(min-width:1440px) and (min-height:700px) {
    .is-hidden--xl-up {
        display: none !important
    }
}

@media (max-height:499px),
(max-width:1439px),
(min-width:1200px) and (max-height:699px) {
    .is-hidden--xl-down {
        display: none !important
    }
}

@media (min-width:1440px) and (min-height:700px) and (max-width:1919px) {
    .is-hidden--xxl {
        display: none !important
    }
}

@media (min-width:1440px) and (min-height:700px) {
    .is-hidden--xxl-up {
        display: none !important
    }
}

@media (max-height:699px),
(max-width:1919px) {
    .is-hidden--xxl-down {
        display: none !important
    }
}

@media (min-width:1920px) and (min-height:700px) and (max-width:2399px) {
    .is-hidden--xxxl {
        display: none !important
    }
}

@media (min-width:1920px) and (min-height:700px) {
    .is-hidden--xxxl-up {
        display: none !important
    }
}

@media (max-height:699px),
(max-width:2399px) {
    .is-hidden--xxxl-down {
        display: none !important
    }
}

@media (min-width:2400px) and (min-height:700px) {

    .is-hidden--xxxxl,
    .is-hidden--xxxxl-up {
        display: none !important
    }
}

@media (min-width:2400px) and (min-height:700px) {}

.is-hidden--xxxxl-down {
    display: none !important
}

:root {
    --is-visible--sm-down: block;
    --is-visible--md-xxl: none;
    --is-visible--md-up: none;
    --is-visible--xl-down: block;
    --is-visible--xxl-up: none;
    --is-visible--xxxl: none
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9),
(min-width:668px) and (max-aspect-ratio:10/11),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    :root {
        --is-visible--sm-down: none;
        --is-visible--md-xxl: block;
        --is-visible--md-up: block
    }
}

@media (min-width:1440px) and (min-height:700px) {
    :root {
        --is-visible--xl-down: none;
        --is-visible--xxl-up: block
    }
}

@media (min-width:1920px) and (min-height:700px) {
    :root {
        --is-visible--md-xxl: none;
        --is-visible--xxxl: block
    }
}

.group {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: calc(var(--scale-px) * 10) calc(var(--scale-px) * 30);
    justify-content: flex-start
}

.group--small {
    gap: calc(var(--scale-px) * 5)
}

.group--zero {
    gap: 0
}

.group--button {
    gap: calc(var(--scale-px) * 20)
}

.group--middle {
    align-items: center
}

.group--bottom {
    align-items: flex-end
}

.group--center {
    justify-content: center
}

.group--right {
    justify-content: flex-end
}

.group--between {
    justify-content: space-between
}

.group>.btn {
    flex-shrink: 0
}

.group__fill {
    flex-grow: 1
}

.group>.btn.group__shrink,
.group__shrink {
    flex-shrink: 1;
    min-width: 0
}

.group__equal {
    flex: 1
}

.group>.group__right {
    margin-left: auto
}

.group--nowrap {
    flex-wrap: nowrap
}

.group--nowrap>* {
    max-width: none
}

.group--nowrap-mobile {
    flex-wrap: var(--md, wrap) var(--n-md, nowrap)
}

.group--nowrap-mobile>* {
    max-width: none
}

.carousel {
    --item-spacing: 10px
}

.carousel,
.carousel__list {
    position: relative
}

.carousel__list__inner {
    display: flex;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    cursor: grab
}

.carousel__list__inner:before {
    content: "";
    height: 100%;
    left: -1000px;
    position: absolute;
    right: -1000px
}

.carousel__list__inner[data-keen-slider-moves] {
    cursor: grabbing
}

.carousel__list__inner[data-keen-slider-moves] * {
    pointer-events: none
}

.carousel__list__item {
    max-width: 100%;
    min-width: 100%;
    position: relative;
    width: 100%;
    will-change: transform
}

.carousel__list__item--gradient-large:after,
.carousel__list__item--gradient:after {
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .4));
    bottom: 0;
    content: "";
    height: calc(var(--scale-px) * 100);
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.carousel__list__item--gradient-large:after {
    height: calc(var(--scale-px) * 150)
}

.carousel__next {
    right: 0
}

.carousel__next,
.carousel__prev {
    bottom: 0;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 2
}

.carousel__prev {
    left: 0
}

.no-js .carousel__nav {
    opacity: 0;
    pointer-events: none
}

.carousel__counter {
    bottom: var(--spacing)
}

.carousel__counter,
.carousel__thumb {
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.carousel__thumb {
    align-items: flex-end;
    bottom: var(--md, calc(var(--scale-px) * 40)) var(--n-md, calc(var(--scale-px) * 20));
    gap: 10px;
    width: 100%;
    z-index: 10
}

.carousel__thumb__item {
    position: relative
}

.carousel__thumb__item__text {
    opacity: .7
}

.carousel__thumb__item:before {
    bottom: -15px;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: -15px
}

.carousel__thumb__item:after {
    background-color: var(--c-beige);
    content: "";
    display: block;
    height: 1.5px;
    opacity: .5;
    transition: opacity .4s cubic-bezier(.25, .74, .22, .99)
}

.carousel__thumb__item.is-active .carousel__thumb__item__text,
.carousel__thumb__item.is-active:after {
    opacity: 1
}

.carousel:not(.carousel--md-up) .carousel__list__inner {
    margin-left: calc(var(--item-spacing) * -1)
}

.carousel:not(.carousel--md-up) .carousel__list__item {
    margin-left: 0;
    padding-left: var(--item-spacing)
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:667px) and (min-aspect-ratio:13/9),
(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .carousel--md-up .carousel__list__inner {
        touch-action: auto
    }

    .carousel--md-up .carousel__list__inner:before {
        display: none
    }

    .carousel--md-up .carousel__list__item {
        min-width: 0
    }
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9),
(min-width:668px) and (max-aspect-ratio:10/11),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .carousel--md-up .carousel__list__inner {
        margin-left: calc(var(--item-spacing) * -1)
    }

    .carousel--md-up .carousel__list__item {
        margin-left: 0;
        padding-left: var(--item-spacing)
    }
}

.carousel--no-spacing:not(.carousel--md-up) .carousel__list__inner {
    margin-left: 0
}

.carousel--no-spacing:not(.carousel--md-up) .carousel__list__item {
    padding-left: 0
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9),
(min-width:668px) and (max-aspect-ratio:10/11),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .carousel--no-spacing.carousel--md-up .carousel__list__inner {
        margin-left: 0
    }

    .carousel--no-spacing.carousel--md-up .carousel__list__item {
        padding-left: 0
    }

    .carousel--no-overflow.carousel--md-up .carousel__list {
        overflow: hidden
    }
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9),
(min-width:668px) and (max-aspect-ratio:10/11),
(min-width:668px) and (min-height:416px),
(min-width:980px) {}

.carousel--not-ready:not(.carousel--md-up) .is-hidden--not-ready {
    display: none !important
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9),
(min-width:668px) and (max-aspect-ratio:10/11),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .carousel--not-ready.carousel--md-up .is-hidden--not-ready {
        display: none !important
    }
}

canvas {
    height: 100vh;
    width: 100%
}

.dim {
    background: linear-gradient(193.12deg, transparent 64.95%, #000 90.16%);
    display: block;
    height: 100%;
    left: 0;
    opacity: .8;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.dim--light {
    background: linear-gradient(180deg, transparent 81.32%, rgba(0, 0, 0, .6))
}

.dim--lighter {
    background: linear-gradient(180deg, transparent 65.26%, #000);
    opacity: .2
}

.dim--full {
    background: rgba(var(--c-black-rgb), .2);
    opacity: 1
}

.dim--full-about {
    background: rgba(var(--c-black-rgb), .6);
    opacity: 1
}

.dim--top {
    background: linear-gradient(1turn, transparent 83.83%, #000);
    opacity: .3
}

.dim--about {
    background: linear-gradient(1turn, transparent 63.83%, #000);
    opacity: .5
}

.dim--design {
    background: linear-gradient(165.22deg, transparent 30.31%, rgba(0, 0, 0, .6) 89.14%), linear-gradient(.12deg, transparent 17.17%, rgba(0, 0, 0, .6) 132.5%)
}

.dim--flat {
    background: linear-gradient(180deg, transparent 73.6%, rgba(0, 0, 0, .5))
}

.tabs-contents {
    overflow: hidden;
    overflow: clip;
    position: relative
}

.tabs-contents__content[aria-hidden=true] {
    display: none
}

.tabs-contents__content--animating-in {
    left: 0;
    min-height: 100%;
    position: absolute !important;
    top: 0;
    width: 100%;
    z-index: 1
}

.tabs-height-test .tabs-contents__content--animating-in {
    min-height: 0
}

.tabs-contents__content--animating-top {
    z-index: 2
}

.tabs-contents__content:where([aria-hidden=false]:not(.tabs-contents__content--animating-in)~.tabs-contents__content[aria-hidden=false]) {
    left: 0;
    min-height: 100%;
    position: absolute !important;
    top: 0;
    width: 100%;
    z-index: 1
}

.tabs-height-test .tabs-contents__content:where([aria-hidden=false]:not(.tabs-contents__content--animating-in)~.tabs-contents__content[aria-hidden=false]) {
    min-height: 0
}

.tabs-contents--overflow {
    overflow: visible
}

.sticky {
    display: grid;
    grid-auto-rows: 1fr;
    grid-template-areas: "sticky_content";
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    --sticky-under-previous-distance: calc(100 * var(--svh));
    --sticky-under-next-distance: calc(100 * var(--svh))
}

.sticky__layer {
    align-self: start;
    grid-area: sticky_content;
    min-width: 0;
    position: relative
}

.sticky__layer--top {
    position: relative;
    z-index: 1
}

.sticky__layer--sticky {
    contain: content;
    position: sticky;
    top: 0
}

.has-scroll-smooth .sticky__layer--sticky {
    contain: unset;
    position: relative
}

.sticky__layer--performance-block {
    contain: none
}

.sticky__spacer {
    height: calc(100 * var(--svh))
}

.sticky--under-previous {
    margin-top: calc(var(--sticky-under-previous-distance) * -1);
    position: relative
}

.sticky--under-previous:after {
    content: "";
    display: block;
    height: var(--sticky-under-previous-distance)
}

.sticky--under-next {
    margin-bottom: calc(var(--sticky-under-next-distance) * -1);
    position: relative
}

.sticky--under-next:after {
    content: "";
    display: block;
    height: var(--sticky-under-next-distance)
}

.sticky--under-previous.sticky--under-next .sticky__layer--sticky {
    max-height: 200svh
}

.sticky--under-previous.sticky--under-next:after {
    height: calc(var(--sticky-under-previous-distance) + var(--sticky-under-next-distance))
}

.sticky--under-next+.sticky--under-previous,
.sticky--under-previous--after-next {
    clip-path: inset(calc(100 * var(--svh)) 0 0);
    margin-top: calc(var(--sticky-under-previous-distance) * -1 + var(--sticky-under-next-distance) * -1)
}

.sticky--under-next+.sticky--under-previous,
.sticky--under-next+.sticky--under-previous _::-webkit-full-page-media,
.sticky--under-next+.sticky--under-previous _:future,
.sticky--under-previous--after-next,
.sticky--under-previous--after-next _::-webkit-full-page-media,
.sticky--under-previous--after-next _:future {
    transform: translateZ(1px)
}

@media (min-width:1440px),
(min-width:980px) and (min-aspect-ratio:10/11) {
    .sticky--under-previous--after-next\:lg-up {
        clip-path: inset(calc(100 * var(--svh)) 0 0);
        margin-top: calc(var(--sticky-under-previous-distance) * -1 + var(--sticky-under-next-distance) * -1)
    }

    .sticky--under-previous--after-next\:lg-up,
    .sticky--under-previous--after-next\:lg-up _::-webkit-full-page-media,
    .sticky--under-previous--after-next\:lg-up _:future {
        transform: translateZ(1px)
    }
}

.sticky--full-height,
.sticky--full-height .sticky__layer {
    min-height: calc(100 * var(--svh))
}

.sticky--full-height .sticky__layer--sticky {
    height: calc(100 * var(--svh))
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {
    .sticky\:lg-up {
        display: block
    }

    .sticky\:lg-up .sticky__layer--sticky {
        position: relative
    }

    .sticky\:lg-up:where(.sticky--full-height),
    .sticky\:lg-up:where(.sticky--full-height) .sticky__layer {
        min-height: 0
    }

    .sticky\:lg-up:where(.sticky--full-height) .sticky__layer--sticky {
        height: auto
    }

    .sticky\:lg-up:where(.sticky--under-previous--after-next),
    .sticky\:lg-up:where(.sticky--under-previous--after-next\:lg-up),
    :where(.sticky--under-next)+.sticky\:lg-up.sticky--under-previous {
        clip-path: none;
        margin-top: 0;
        transform: none
    }

    .sticky\:lg-up:where(.sticky--under-previous) {
        margin-top: 0
    }

    .sticky\:lg-up:where(.sticky--under-previous):after {
        display: none
    }

    .sticky\:lg-up:where(.sticky--under-next) {
        margin-bottom: 0
    }

    .sticky\:lg-up:where(.sticky--under-next):after {
        display: none
    }

    .sticky\:lg-up:where(.sticky--under-previous.sticky--under-next) .sticky__layer--sticky {
        max-height: none
    }
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {
    .sticky--under-next\:lg-up {
        --sticky-under-next-distance: 0px;
        margin-bottom: 0 !important
    }

    .sticky--under-next\:lg-up:after {
        display: none !important
    }

    .sticky--under-previous\:lg-up {
        --sticky-under-previous-distance: 0px;
        clip-path: none !important;
        margin-top: 0 !important
    }

    .sticky--under-previous\:lg-up:after {
        display: none !important
    }

    .sticky__layer--sticky\:lg-up {
        contain: unset;
        position: relative;
        top: 0
    }
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {}

@media (min-width:1440px),
(min-width:980px) and (min-aspect-ratio:10/11) {
    .sticky__layer--sticky\:md-down {
        contain: unset;
        height: auto !important;
        max-height: none !important;
        position: relative;
        top: 0
    }
}

.cursor {
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition-property: opacity;
    will-change: transform;
    z-index: 10
}

.cursor.btn,
.cursor__button {
    display: none
}

.cursor.btn:before,
.cursor__button:before {
    border-color: transparent
}

.cursor__button {
    transform: translate(-50%, -50%)
}

.cursor--progress {
    height: 120px;
    width: 180px
}

.cursor--progress .cursor__button {
    display: inline-flex;
    overflow: hidden;
    transform: translateY(-100%)
}

.cursor--left .cursor__button--left,
.cursor--left.cursor__button--left,
.cursor--right .cursor__button--right,
.cursor--right.cursor__button--right,
.cursor.cursor__button--zoom-in,
.cursor__button--zoom-in,
.with-zoom-out .cursor__button--zoom-out,
.with-zoom-out.cursor__button--zoom-out {
    display: inline-flex
}

.with-zoom-out .cursor__button--zoom-in,
.with-zoom-out.cursor__button--zoom-in {
    display: none
}

.favourite-btn {
    position: relative
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {
    .favourite-btn {
        display: flex
    }
}

.favourite-btn__counter {
    align-items: center;
    background-color: var(--t-text);
    border-radius: 10px;
    color: var(--t-background);
    display: flex;
    height: var(--lg, calc(var(--scale-px) * 15)) var(--n-lg, calc(var(--scale-px) * 13));
    justify-content: center;
    left: calc(50% + 2px);
    min-width: var(--xl, calc(var(--scale-px) * 15)) var(--n-xl, var(--lg, calc(var(--scale-px) * 22)) var(--n-lg, calc(var(--scale-px) * 19)));
    padding: calc(var(--scale-px) * 1) calc(var(--scale-px) * 4) 0 calc(var(--scale-px) * 5);
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: var(--xl, calc(var(--scale-px) * -2)) var(--n-xl, calc(var(--scale-px) * -4));
    z-index: 1
}

html.has-scroll-smooth {
    overflow: hidden
}

html.has-scroll-dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.has-scroll-smooth body {
    overflow: hidden
}

.has-scroll-smooth [data-scroll-container] {
    min-height: 100vh
}

[data-scroll-direction=horizontal] [data-scroll-container] {
    display: inline-block;
    height: 100vh;
    white-space: nowrap
}

[data-scroll-direction=horizontal] [data-scroll-section] {
    display: inline-block;
    height: 100%;
    vertical-align: top;
    white-space: nowrap
}

.c-scrollbar {
    height: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: center right;
    transition: transform .3s, opacity .3s;
    width: 11px
}

.c-scrollbar:hover {
    transform: scaleX(1.45)
}

.c-scrollbar:hover,
.has-scroll-dragging .c-scrollbar,
.has-scroll-scrolling .c-scrollbar {
    opacity: 1
}

[data-scroll-direction=horizontal] .c-scrollbar {
    bottom: 0;
    height: 10px;
    top: auto;
    transform: scaleY(1);
    width: 100%
}

[data-scroll-direction=horizontal] .c-scrollbar:hover {
    transform: scaleY(1.3)
}

.c-scrollbar_thumb {
    background-color: #000;
    border-radius: 10px;
    cursor: grab;
    margin: 2px;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
    width: 7px
}

.has-scroll-dragging .c-scrollbar_thumb {
    cursor: grabbing
}

[data-scroll-direction=horizontal] .c-scrollbar_thumb {
    bottom: 0;
    right: auto
}

.has-scroll-smooth {
    scroll-behavior: auto
}

.c-scrollbar {
    z-index: 45
}

.c-scrollbar--disabled {
    opacity: 0 !important;
    pointer-events: none
}

.has-scroll-smooth [data-scroll-section][data-scroll-section-id]:not([data-scroll-section-inview]) {
    transform: translate(-200vw) !important
}

html.has-scroll-smooth {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

html.js.has-hover:not(.no-scroll-smooth),
html.js.has-hover:not(.no-scroll-smooth) body {
    -ms-overflow-style: none;
    scrollbar-width: none
}

html.js.has-hover:not(.no-scroll-smooth) body::-webkit-scrollbar,
html.js.has-hover:not(.no-scroll-smooth)::-webkit-scrollbar {
    display: none
}

.with-modal .c-scrollbar {
    opacity: 0
}

@media print {
    html.has-scroll-smooth {
        position: static
    }

    html.js.has-hover:not(.no-scroll-smooth),
    html.js.has-hover:not(.no-scroll-smooth) body {
        overflow: visible
    }

    .has-scroll-smooth .page-content-wrapper,
    .has-scroll-smooth [data-scroll-section],
    .has-scroll-smooth [data-scroll-section][data-scroll-section-id]:not([data-scroll-section-inview]) {
        opacity: 1 !important;
        pointer-events: all !important;
        transform: none !important
    }

    .has-scroll-smooth [data-scroll-container] {
        min-height: 0
    }

    .c-scrollbar {
        display: none !important
    }
}

.page-overlay {
    background: var(--c-black);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 42
}

.section {
    position: relative
}

.section:where(:not(:first-child)) {
    margin-top: -1px
}

.section__content {
    height: 100%;
    position: relative
}

.section--top {
    z-index: 1
}

.section--no-overflow,
.section--no-overflow .section__content {
    contain: content;
    overflow: hidden
}

@media (min-width:1440px),
(min-width:980px) and (min-aspect-ratio:10/11) {

    .section--no-overflow\:lg,
    .section--no-overflow\:lg .section__content {
        contain: content;
        overflow: hidden
    }
}

.section--full-height,
.section--full-height .section__content {
    contain: strict;
    height: 100vh;
    width: 100%
}

.section--full-height:where(:first-child:not(:last-child)) {
    height: calc(100vh + 1px)
}

.has-scroll-smooth [data-scroll] {
    will-change: transform
}

.background {
    left: 0;
    overflow: hidden;
    overflow: clip;
    position: absolute;
    top: 0
}

.background iframe {
    pointer-events: none
}

.background _::-webkit-full-page-media,
.background _:future,
.background:has(iframe):after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.background img,
img.background {
    display: block;
    height: auto;
    width: 100%
}

.vimeo-background {
    position: relative
}

.background--top {
    width: 100%
}

.background--full {
    height: 100%;
    width: 100%
}

.background--bottom {
    bottom: 0;
    display: flex;
    min-height: 100%;
    top: auto;
    width: 100%
}

.background--cover {
    --iframe-width: 100vw;
    --iframe-height: 100vh;
    height: 100%;
    width: 100%
}

.background--cover img,
.background--cover video,
img.background--cover,
video.background--cover {
    aspect-ratio: unset;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -o-object-position: 50% 50%;
    object-position: 50% 50%
}

.background--bottom img,
img.background--bottom {
    min-height: 100%;
    -o-object-position: bottom;
    object-position: bottom
}

.background--cover iframe {
    aspect-ratio: unset;
    height: max(100%, calc(var(--iframe-width) / var(--ratio)));
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: max(100%, calc(var(--iframe-height) * var(--ratio)))
}

.background--align-50-0 img,
.background--align-50-0 video {
    -o-object-position: 50% 0;
    object-position: 50% 0
}

.background--align-50-0 iframe {
    left: 50%;
    top: 0;
    transform: translate(-50%)
}

.page-transition-content {
    left: 0 !important;
    min-height: 100vh !important;
    position: fixed !important;
    top: 0 !important;
    width: 100vw !important;
    z-index: 42 !important
}

.preloader {
    --progress: 0;
    cursor: progress;
    height: calc(100 * var(--svh));
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 46
}

.preloader--landing {
    z-index: 41
}

.preloader__logo {
    height: calc(var(--scale-px) * 55);
    position: relative;
    width: calc(var(--scale-px) * 150)
}

.preloader__logo__inner {
    display: block;
    height: 100%;
    position: relative;
    transform: translateY(45vh) scale(1.5);
    width: 100%
}

.preloader__logo__inner:first-of-type {
    opacity: .3;
    position: absolute
}

.preloader__logo__inner:last-of-type {
    clip-path: polygon(0 calc(100% - (var(--progress) * 100%)), 100% calc(100% - (var(--progress) * 100%)), 100% 100%, 0 100%);
    transition: clip-path .4s cubic-bezier(.25, .74, .22, .99)
}

.preloader__logo__left {
    left: 0;
    position: absolute;
    top: 0
}

.preloader__logo__right {
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(0)
}

.preloader__content {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.preloader__content__cover {
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.preloader__gradient {
    height: 100vh;
    opacity: calc(1 - var(--progress));
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: opacity .4s cubic-bezier(.25, .74, .22, .99);
    width: 100vw
}

@media (min-width:1440px),
(min-width:980px) and (min-aspect-ratio:10/11) {
    .preloader__gradient {
        filter: blur(40px)
    }
}

.preloader__gradient div:first-child {
    background: radial-gradient(circle at center, rgba(var(--c-light-blue-rgb), .9) 0, rgba(var(--c-light-blue-rgb), 0) 50%) no-repeat;
    height: 200%;
    left: -100vw;
    position: absolute;
    top: 30vh;
    width: 200%
}

.preloader__gradient div:nth-child(2) {
    background: radial-gradient(circle, var(--c-black) 0, rgba(var(--c-black-rgb), .8) 45%, rgba(var(--c-black-rgb), 0) 72%);
    height: 900px;
    left: 66vw;
    position: absolute;
    top: 75vh;
    width: 900px
}

.preloader__gradient div:nth-child(3) {
    background: radial-gradient(circle, var(--c-green) 0, rgba(var(--c-green-rgb), .8) 15%, rgba(var(--c-green-rgb), 0) 70%);
    height: 770px;
    left: 66vw;
    position: absolute;
    top: -34vh;
    width: 770px
}

.preloader__gradient div:nth-child(4) {
    background: radial-gradient(circle, rgba(var(--c-olive-rgb), .8) 0, rgba(var(--c-olive-rgb), .8) 5%, rgba(var(--c-olive-rgb), 0) 70%);
    height: var(--md, 100vw) var(--n-md, 200vw);
    left: var(--md, -46vw) var(--n-md, -101vw);
    position: absolute;
    top: var(--md, -80vh) var(--n-md, -44vh);
    width: var(--md, 106vw) var(--n-md, 206vw)
}

.preloader__gradient div:nth-child(5) {
    background: radial-gradient(circle, rgba(var(--c-black-rgb), .8) 0, rgba(var(--c-black-rgb), .5) 15%, rgba(var(--c-black-rgb), 0) 70%);
    height: 770px;
    left: -30vw;
    position: absolute;
    top: -49vh;
    width: 770px
}

.preloader__logo-mobile {
    margin-top: -.9em;
    position: relative;
    transform: translate(134%, calc(45.5svh - var(--cookie-height) / 2)) scale(2.2)
}

.preloader__logo-mobile__item {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.preloader__logo-mobile__item:first-of-type {
    opacity: .3;
    position: absolute
}

.preloader__logo-mobile__item:last-of-type {
    clip-path: polygon(0 calc(100% - (var(--progress) * 100%)), 100% calc(100% - (var(--progress) * 100%)), 100% 100%, 0 100%);
    transition: clip-path .4s cubic-bezier(.25, .74, .22, .99)
}

.preloader__gradient-animation {
    filter: blur(150px);
    height: 100%;
    pointer-events: none;
    width: 100%
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:667px) and (min-aspect-ratio:13/9),
(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .preloader__gradient-animation {
        filter: none
    }
}

.preloader__gradient-animation div:first-child {
    background: radial-gradient(circle, var(--c-green) 0, rgba(var(--c-green-rgb), .8) 5%, rgba(var(--c-green-rgb), 0) 72%);
    height: 70vh;
    left: -79vw;
    position: absolute;
    top: 1vw;
    width: 150vw;
    z-index: 1
}

@media (min-width:1440px),
(min-width:980px) and (min-aspect-ratio:10/11) {
    .preloader__gradient-animation div:first-child {
        animation: grad_1 8s cubic-bezier(.645, .045, .355, 1) infinite
    }
}

.preloader.is-hidden .preloader__gradient-animation div:first-child {
    animation: none
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {
    .preloader__gradient-animation div:first-child {
        height: 180vw;
        top: 0;
        width: 180vw
    }
}

.preloader__gradient-animation div:nth-child(2) {
    background: radial-gradient(circle, var(--c-olive) 0, var(--c-olive) 5%, rgba(var(--c-olive-rgb), 0) 70%);
    height: 30vh;
    left: 27vw;
    position: absolute;
    top: 14vw;
    width: 40vw;
    z-index: 1
}

@media (min-width:1440px),
(min-width:980px) and (min-aspect-ratio:10/11) {
    .preloader__gradient-animation div:nth-child(2) {
        animation: grad_2 5s cubic-bezier(.645, .045, .355, 1) infinite
    }
}

.preloader.is-hidden .preloader__gradient-animation div:nth-child(2) {
    animation: none
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {
    .preloader__gradient-animation div:nth-child(2) {
        height: 180vw;
        top: 50vw;
        width: 180vw
    }
}

.preloader__gradient-animation div:nth-child(3) {
    background: radial-gradient(circle, var(--c-light-green) 0, var(--c-light-green) 25%, rgba(var(--c-light-green-rgb), 0) 70%);
    height: 50vh;
    position: absolute;
    right: -19vw;
    top: -12vw;
    transform: rotate(-28deg);
    width: 111vw
}

@media (min-width:1440px),
(min-width:980px) and (min-aspect-ratio:10/11) {
    .preloader__gradient-animation div:nth-child(3) {
        animation: grad_3 8s cubic-bezier(.645, .045, .355, 1) infinite
    }
}

.preloader.is-hidden .preloader__gradient-animation div:nth-child(3) {
    animation: none
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {
    .preloader__gradient-animation div:nth-child(3) {
        height: 180vw;
        right: -20vw;
        width: 180vw
    }
}

.preloader__gradient-animation div:nth-child(4) {
    background: radial-gradient(circle, var(--c-light-blue) 0, var(--c-light-blue) 25%, rgba(var(--c-light-blue-rgb), 0) 70%);
    height: 50vh;
    position: absolute;
    right: -36vw;
    top: -22vw;
    width: 50vw;
    z-index: 1
}

@media (min-width:1440px),
(min-width:980px) and (min-aspect-ratio:10/11) {
    .preloader__gradient-animation div:nth-child(4) {
        animation: grad_4 7s cubic-bezier(.645, .045, .355, 1) infinite
    }
}

.preloader.is-hidden .preloader__gradient-animation div:nth-child(4) {
    animation: none
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {
    .preloader__gradient-animation div:nth-child(4) {
        height: 180vw;
        right: -20vw;
        width: 180vw
    }
}

.no-js .preloader {
    display: none !important
}

.modal .preloader {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 41
}

.modal .preloader__content {
    max-height: calc(100 * var(--dvh));
    position: sticky
}

@keyframes grad_1 {
    0% {
        transform: translate(0)
    }

    50% {
        transform: translate(20vw, -5vw) rotate(45deg)
    }

    to {
        transform: translate(0)
    }
}

@keyframes grad_2 {
    0% {
        transform: translate(0)
    }

    50% {
        transform: translateY(10vw) rotate(45deg)
    }

    to {
        transform: translate(0)
    }
}

@keyframes grad_3 {
    0% {
        transform: translate(0)
    }

    50% {
        transform: translate(-41vw, 41vw)
    }

    to {
        transform: translate(0)
    }
}

@keyframes grad_4 {
    0% {
        transform: translate(0)
    }

    50% {
        transform: translate(-3vw, 64vw)
    }

    to {
        transform: translate(0)
    }
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:667px) and (min-aspect-ratio:13/9),
(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .scrollable {
        display: flex;
        flex-wrap: nowrap;
        margin-left: calc(var(--container-h-padding-left) * -1);
        margin-right: calc(var(--container-h-padding-right) * -1);
        overflow-x: auto;
        overflow-y: hidden;
        overflow-y: clip;
        padding-left: var(--container-h-padding-left);
        position: relative;
        touch-action: auto;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .scrollable:after {
        content: "";
        display: block;
        flex: 0 0 var(--container-h-padding-right);
        height: 1px;
        width: var(--container-h-padding-right)
    }

    .scrollable::-webkit-scrollbar {
        display: none
    }
}

.no-hover .scrollable-no-hover {
    display: flex;
    flex-wrap: nowrap;
    margin-left: calc(var(--container-h-padding-left) * -1);
    margin-right: calc(var(--container-h-padding-right) * -1);
    overflow-x: auto;
    overflow-y: hidden;
    overflow-y: clip;
    padding-left: var(--container-h-padding-left);
    position: relative;
    touch-action: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.no-hover .scrollable-no-hover:after {
    content: "";
    display: block;
    flex: 0 0 var(--container-h-padding-right);
    height: 1px;
    width: var(--container-h-padding-right)
}

.no-hover .scrollable-no-hover::-webkit-scrollbar {
    display: none
}

.header {
    position: relative;
    z-index: 44
}

.header__content {
    display: flex;
    flex-wrap: nowrap;
    height: var(--md, unset) var(--n-md, calc(var(--scale-px) * 50));
    padding-bottom: var(--md, calc(var(--scale-px) * 7)) var(--n-md, 0);
    padding-top: var(--md, calc(var(--scale-px) * 28)) var(--n-md, calc(var(--scale-px) * 6));
    position: relative
}

.header--adjust-modal-menu .header__content {
    margin-top: var(--md, 0) var(--n-md, calc(var(--scale-px) * -2))
}

.header__center,
.header__left,
.header__right {
    display: flex;
    flex: var(--md, 0 0 33.33%) var(--n-md, 1 1 auto);
    gap: var(--xxxl, calc(var(--spacing) / 2)) var(--n-xxxl, var(--md, var(--spacing)) var(--n-md, var(--spacing-layout)))
}

.header__center {
    justify-content: var(--md, center) var(--n-md, left)
}

.header__right {
    align-items: center;
    justify-content: flex-end;
    padding-top: var(--md, 0) var(--n-md, calc(var(--scale-px) * 3));
    right: 0;
    top: 0
}

.header .header__logo {
    height: calc(var(--scale-px) * 55);
    margin-bottom: .5em;
    position: relative;
    transition: margin-bottom .4s cubic-bezier(.25, .74, .22, .99), color .4s cubic-bezier(.25, .74, .22, .99);
    width: calc(var(--scale-px) * 150)
}

.header .header__logo__inner {
    display: block;
    height: 100%;
    position: relative;
    width: 100%
}

.header .header__logo__left {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    left: 0;
    position: absolute;
    top: 0
}

.header .header__logo__right {
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(0)
}

.header .header__logo--mobile {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: -.5em
}

.header--landing {
    opacity: 0
}

.is-preloader-active:not(.is-intro-seen) .header--landing,
.is-preloader-disabled:not(.is-intro-seen) .header--landing {
    opacity: 1
}

.is-intro-seen .header--landing {
    opacity: 0
}

.is-intro-seen.is-header-visible .header--landing {
    opacity: 1
}

.header--sticky {
    left: 0;
    position: fixed;
    top: 0;
    transition: background-color .8s cubic-bezier(.25, .74, .22, .99), box-shadow .8s cubic-bezier(.25, .74, .22, .99), opacity 0s ease 1s;
    width: 100%
}

.is-intro-seen .header--sticky {
    transition: background-color .8s cubic-bezier(.25, .74, .22, .99), box-shadow .8s cubic-bezier(.25, .74, .22, .99), opacity .8s cubic-bezier(.25, .74, .22, .99) 1s
}

.header--sticky .header__background {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateY(-102%);
    width: 100%
}

.header--sticky .header__background,
.header--sticky .header__content,
.header--sticky .header__logo,
.header--sticky .header__logo__left,
.header--sticky .header__logo__right,
.header--sticky .header__logo__right svg {
    transition-property: all
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:667px) and (min-aspect-ratio:13/9),
(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .header--sticky {
        width: 100vw
    }
}

.header--sticky.header--collapsed .header__content {
    padding-bottom: var(--md, calc(var(--scale-px) * 15)) var(--n-md, calc(var(--scale-px) * 12));
    padding-top: var(--md, calc(var(--scale-px) * 15)) var(--n-md, calc(var(--scale-px) * 14))
}

.header--sticky.header--collapsed .header__content .header__logo {
    height: 40px;
    margin-bottom: 0
}

.header--sticky.header--collapsed .header__content .header__logo__left {
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%)
}

.header--sticky.header--collapsed .header__content .header__logo__right {
    right: 34%;
    top: 0;
    transform: translateX(0)
}

.header--sticky.header--collapsed .header__content .header__logo__right svg {
    --icon-width: 50 !important;
    height: 60px
}

.header--sticky.header--collapsed .header__background {
    backdrop-filter: blur(15px);
    background: transparent;
    box-shadow: 0 0 0 1px var(--t-line);
    transform: translateY(0)
}

.header--sticky.header--collapsed.header--hidden {
    pointer-events: none
}

.header--sticky.header--collapsed.header--hidden .header__background,
.header--sticky.header--collapsed.header--hidden .header__content {
    transform: translateY(-102%)
}

.header-sticky-placeholder {
    height: 62px
}

.footer__theme {
    position: absolute;
    top: 0;
    width: 1px
}

.footer__vig span {
    color: var(--t-text)
}

.footer__vig b {
    font-weight: inherit
}

.footer__breadcrumbs {
    align-items: center;
    border-bottom: 1px solid var(--t-line);
    display: flex;
    min-height: var(--xxxxl, calc(var(--scale-px) * 80)) var(--n-xxxxl, var(--md, calc(var(--scale-px) * 60)) var(--n-md, calc(var(--scale-px) * 40)));
    position: relative;
    z-index: 1
}

.footer__breadcrumbs .breadcrumbs {
    width: 50%
}

.footer__breadcrumbs .breadcrumbs__item:last-child {
    width: 100%
}

.footer__breadcrumbs .breadcrumbs__item__text {
    line-clamp: 1;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.footer-relative,
.footer__content {
    position: relative;
    z-index: 1
}

.footer__content {
    padding-bottom: var(--md, var(--spacing)) var(--n-md, calc(var(--scale-px) * 40))
}

.footer__socials {
    align-items: flex-end;
    display: flex;
    flex-direction: column
}

.footer__logo {
    position: relative;
    z-index: 1
}

.footer__logo img {
    width: 180px
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9),
(min-width:668px) and (max-aspect-ratio:10/11),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .footer__logo {
        margin-bottom: -.5em
    }

    .footer__logo img {
        width: calc(var(--scale-px) * 300)
    }
}

.footer__bottom {
    border-top: 1px solid rgba(var(--c-beige-rgb), .1);
    margin-top: var(--md, var(--spacing)) var(--n-md, calc(var(--scale-px) * 20));
    padding-top: var(--md, var(--spacing)) var(--n-md, calc(var(--scale-px) * 20))
}

.footer__gradient {
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.footer__gradient svg {
    display: none
}

.footer__gradient .gradients-container {
    filter: blur(120px);
    height: 100%;
    width: 100%
}

.footer__gradient .g3 {
    background: radial-gradient(circle at center, rgba(var(--c-olive-rgb), .8) 0, rgba(var(--c-olive-rgb), 0) 40%) no-repeat;
    bottom: -56vw;
    height: 100vw;
    opacity: .4;
    position: absolute;
    right: -13vw;
    width: 100vw
}

.footer__gradient-filter {
    pointer-events: none;
    position: absolute
}

.footer__copy-logo {
    height: calc(var(--scale-px) * 20);
    margin-left: calc(var(--scale-px) * 10);
    width: var(--xl, calc(var(--scale-px) * 20)) var(--n-xl, var(--md, calc(var(--scale-px) * 22)) var(--n-md, calc(var(--scale-px) * 20)))
}

.footer__row {
    margin-top: var(--xxxl, 0) var(--n-xxxl, var(--md, calc(var(--spacing) * .5)) var(--n-md, calc(var(--spacing) * 3)))
}

@media (min-width:1200px) and (min-height:500px) and (min-aspect-ratio:10/11) and (max-height:850px),
(min-width:1440px) and (min-height:700px) and (max-height:850px) {
    .footer__margin {
        margin-top: calc(var(--spacing) * .75)
    }

    .footer__row {
        margin-top: calc(var(--spacing) * .25)
    }

    .footer__logo img {
        width: calc(var(--scale-px) * 250)
    }
}

@media (min-width:1200px) and (min-height:500px) and (min-aspect-ratio:10/11) and (max-height:780px),
(min-width:1440px) and (min-height:700px) and (max-height:780px) {
    .footer__logo img {
        width: calc(var(--scale-px) * 150)
    }

    .footer__bottom,
    .footer__margin {
        margin-top: calc(var(--spacing) * .5)
    }

    .footer__bottom,
    .footer__padding {
        padding-top: calc(var(--spacing) * .5)
    }
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:667px) and (min-aspect-ratio:13/9),
(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .footer__gradient {
        left: auto;
        right: -40%;
        transform: none;
        width: 150%
    }

    .footer__gradient .interactive {
        bottom: -34vw;
        left: 8%
    }

    .footer__gradient .g3 {
        bottom: -26vw;
        opacity: 1;
        right: 0
    }

    .footer__copy {
        border-top: 1px solid var(--t-line)
    }

    .footer__copy .col:first-child p {
        margin-top: 3px
    }

    .footer__copy .col:first-child a {
        display: block;
        margin-top: 9px
    }
}

@keyframes moveInCircle {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(180deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes moveVertical {
    0% {
        transform: translateY(-50%)
    }

    50% {
        transform: translateY(50%)
    }

    to {
        transform: translateY(-50%)
    }
}

@keyframes moveHorizontal {
    0% {
        transform: translateX(-50%) translateY(-10%)
    }

    50% {
        transform: translateX(50%) translateY(10%)
    }

    to {
        transform: translateX(-50%) translateY(-10%)
    }
}

.breadcrumbs {
    flex-wrap: nowrap
}

.breadcrumbs,
.breadcrumbs__item {
    align-items: center;
    display: flex;
    gap: var(--md, calc(var(--scale-px) * 10)) var(--n-md, calc(var(--scale-px) * 12))
}

.breadcrumbs__item {
    flex-shrink: 0
}

.breadcrumbs__item--disabled .btn,
.breadcrumbs__item__text {
    color: var(--t-small)
}

.breadcrumbs__item__divider {
    transform: rotate(25deg)
}

.breadcrumbs__item--shrink {
    flex-shrink: 1;
    min-width: 0
}

.breadcrumbs__item--shrink .breadcrumbs__item__link {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.breadcrumbs__item--disabled {
    pointer-events: none
}

.l-callback {
    flex-wrap: nowrap;
    position: relative
}

.l-callback__background {
    height: 100svh;
    left: 0;
    position: sticky;
    top: 0;
    width: 50vw
}

.l-callback__gradient {
    width: 100vw
}

.l-callback__spiral {
    left: 0;
    mix-blend-mode: overlay;
    width: 100vw
}

.l-callback__spiral picture img {
    aspect-ratio: 1080/900;
    height: 100vh;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 0 50%;
    object-position: 0 50%
}

.l-callback__tablist {
    border: 1.5px solid var(--t-line);
    border-radius: 30px;
    display: inline-block;
    margin-bottom: 1px;
    transition: all .4s cubic-bezier(.25, .74, .22, .99)
}

.l-callback__tablist .btn:first-child {
    margin-left: -1.5px
}

.l-callback__tablist .btn:first-child:before {
    background: linear-gradient(-91.82deg, hsla(39, 40%, 80%, 0) 20.31%, hsla(39, 40%, 80%, .15) 90.77%)
}

.l-callback__tablist .btn:last-child {
    margin-right: -1.5px
}

.l-callback__tablist .btn {
    border-color: transparent;
    margin-bottom: -1.5px;
    margin-top: -1.5px
}

.l-callback__tablist .btn.is-active {
    border-color: var(--c-beige);
    z-index: 1
}

.ui-light .l-callback__tablist .btn.is-active {
    border-color: var(--c-dark-green)
}

.l-callback__title-container {
    height: 100%;
    position: var(--lg, relative) var(--n-lg, absolute)
}

.l-callback__success,
.l-callback__title {
    bottom: calc(var(--spacing-layout) + (100vh - calc(100 * var(--dvh))));
    left: var(--spacing-layout);
    position: absolute;
    right: var(--spacing-layout);
    z-index: 1
}

.l-callback__success {
    max-width: 745px;
    width: 100%
}

.l-callback__col {
    min-height: 100svh;
    right: 0;
    transform: translateX(0);
    transition-duration: .8s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99);
    z-index: 1
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9),
(min-width:668px) and (max-aspect-ratio:10/11),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .l-callback__col {
        align-items: flex-start;
        display: flex;
        flex-direction: column
    }
}

.l-callback__col .tabs-contents,
.l-callback__col .tabs-contents__content {
    height: var(--md, 100%) var(--n-md, unset);
    width: 100%
}

.l-callback__group {
    position: relative
}

.l-callback__group .error-message {
    bottom: -50%;
    margin-top: var(--spacing);
    position: absolute
}

.l-callback__form {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.l-callback__form-container,
.l-callback__form-container>div {
    height: 100%
}

.l-callback__buttons {
    flex-basis: 0
}

.l-callback__limited-width {
    max-width: var(--md, calc(var(--scale-px) * 300)) var(--n-md, calc(var(--scale-px) * 200))
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9),
(min-width:668px) and (max-aspect-ratio:10/11),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .l-callback__limited-width {
        width: 53%
    }
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:667px) and (min-aspect-ratio:13/9),
(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .l-callback__form-container {
        display: flex;
        flex-direction: column;
        height: calc((100 * var(--dvh)) - (var(--spacing-layout) * 4));
        justify-content: center
    }

    .l-callback__buttons {
        bottom: 0;
        position: absolute;
        width: 100%
    }

    .l-callback__form {
        flex-basis: 0
    }

    .l-callback__success {
        width: calc(100% - (var(--spacing-layout) * 2))
    }

    .l-callback__success>.row {
        align-items: center;
        display: flex;
        justify-content: center
    }
}

.l-favorites {
    position: relative
}

.l-favorites .sticky--full-height .sticky__layer--sticky {
    height: calc(100 * var(--svh))
}

.l-favorites__spiral {
    left: 0;
    mix-blend-mode: overlay;
    width: 100%
}

.l-favorites__spiral picture img {
    aspect-ratio: 1080/900;
    height: calc(100 * var(--svh));
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 0 50%;
    object-position: 0 50%
}

@media (max-aspect-ratio:13/9) {
    .l-favorites__spiral picture img {
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: unset;
        object-position: unset
    }
}

.l-favorites__title-container {
    height: 100%;
    position: relative
}

@media (min-width:1440px),
(min-width:980px) and (min-aspect-ratio:10/11) {
    .l-favorites__title {
        bottom: calc(var(--spacing-layout) + (100vh - calc(100 * var(--dvh))));
        left: var(--spacing-layout);
        position: absolute;
        right: var(--spacing-layout);
        z-index: 1
    }
}

.l-favorites__col {
    max-width: var(--lg, calc(var(--grid-col) * 7.5)) var(--n-lg, calc(var(--grid-col) * 12));
    min-height: 100vh;
    right: 0;
    z-index: 1
}

.l-favorites__col .tabs-contents,
.l-favorites__col .tabs-contents__content {
    height: var(--md, 100%) var(--n-md, unset)
}

.l-favorites__list {
    z-index: 1
}

.l-favorites__gradient {
    filter: blur(50px);
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100vw
}

.l-favorites__gradient div:first-child {
    background: radial-gradient(circle, var(--c-green) 0, rgba(var(--c-green-rgb), .8) 5%, rgba(var(--c-green-rgb), 0) 62%);
    height: 58vh;
    left: -23vw;
    position: absolute;
    top: 36vw;
    width: 96vw
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {
    .l-favorites__gradient div:first-child {
        display: none
    }
}

.l-favorites__gradient div:nth-child(2) {
    background: radial-gradient(circle, var(--c-light-blue) 0, var(--c-light-blue) 5%, rgba(var(--c-light-blue-rgb), 0) 90%);
    height: 61vh;
    left: -28vw;
    position: absolute;
    top: -28vw;
    width: 61vw
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {
    .l-favorites__gradient div:nth-child(2) {
        height: 50vw;
        top: -4vw;
        width: 100vw
    }
}

.l-favorites__gradient div:nth-child(3) {
    background: radial-gradient(circle, var(--c-light-green) 0, var(--c-light-green) 25%, rgba(var(--c-light-green-rgb), 0) 70%);
    height: 70vh;
    position: absolute;
    right: 32vw;
    top: -18vw;
    width: 70vw
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {
    .l-favorites__gradient div:nth-child(3) {
        height: 180vw;
        right: -81vw;
        top: -69vw;
        width: 180vw
    }
}

jdiv.__jivoDesktopButton {
    bottom: calc(var(--spacing) * 2) !important
}

jdiv.__jivoMobileButton {
    bottom: calc((var(--spacing) * 8) + var(--cookie-height)) !important
}

.menu__close {
    margin-right: var(--md, calc((var(--scale-px) * 8) + (var(--scale-text-px) * 40) + var(--btn-icon-spacing))) var(--n-md, 0)
}

.menu__bg {
    position: fixed
}

.menu__bg__item {
    height: 100vh;
    position: relative
}

.menu__bg__item .background--cover img {
    -o-object-position: 100% 50%;
    object-position: 100% 50%
}

.menu__list {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: calc(100 * var(--svh));
    position: relative;
    z-index: 1
}

@media (min-width:1920px) and (min-height:700px) {
    .menu__list li+li {
        margin-top: calc(var(--scale-px) * 8)
    }
}

.menu__list__list {
    position: relative;
    z-index: 1
}

.has-hover .menu__list__list:hover a,
.has-hover .menu__list__list:hover~.menu__list__sublist a {
    opacity: .2
}

.has-hover .menu__list__list li:hover a {
    opacity: 1
}

.menu__list__list a {
    color: var(--c-beige);
    display: block;
    font-family: Victor Serif, Helvetica, Arial, sans-serif;
    font-weight: 400;
    padding: calc(var(--scale-px) * 7) 0 calc(var(--scale-px) * 6);
    transition-duration: .4s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99);
    width: 100%;
    --fos: -0.165em;
    --foe: -0.095em;
    font-size: var(--xxxl, calc(var(--scale-text-rem) * 7)) var(--n-xxxl, var(--lg, calc(var(--scale-text-rem) * 5)) var(--n-lg, calc(var(--scale-text-rem) * 2.6)));
    --lh: var(--xxxl, 0.92857em) var(--n-xxxl, var(--lg, 0.9em) var(--n-lg, 0.96154em));
    letter-spacing: var(--lg, -.02em) var(--n-lg, 0);
    line-height: var(--lh);
    text-transform: none
}

.is-win .menu__list__list a {
    --fos: -0.165em;
    --foe: -0.095em
}

.menu__list__list a.news-modal__title,
[lang=en] .menu__list__list a:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn) {
    line-height: calc(var(--lh) + .2em)
}

@media (max-width:567px) and (max-aspect-ratio:13/9) and (min-height:844px),
(max-width:667px) and (min-aspect-ratio:13/9) and (min-height:844px),
(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) and (min-height:844px) {
    .menu__list__list a {
        font-family: Victor Serif, Helvetica, Arial, sans-serif;
        font-weight: 400;
        --fos: -0.165em;
        --foe: -0.095em;
        font-size: calc(var(--scale-text-rem) * 3.6);
        --lh: 0.97222em;
        letter-spacing: -.02em;
        line-height: var(--lh);
        text-transform: none
    }

    .is-win .menu__list__list a {
        --fos: -0.165em;
        --foe: -0.095em
    }

    .menu__list__list a.news-modal__title,
    [lang=en] .menu__list__list a:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn) {
        line-height: calc(var(--lh) + .2em)
    }
}

.menu__list__list a:hover {
    color: var(--c-beige)
}

.has-hover .menu__list .menu__list__list:has(~.menu__list__sublist:hover) a {
    opacity: .2
}

.menu__list__sublist {
    position: relative
}

.has-hover .menu__list__sublist:hover a {
    opacity: .2
}

.menu__list__sublist li {
    margin-bottom: calc(var(--scale-px) * 13)
}

.menu__list__sublist li a {
    display: block;
    transition-duration: .4s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.has-hover .menu__list__sublist li:hover a {
    opacity: 1
}

@media (min-width:1440px),
(min-width:980px) and (min-aspect-ratio:10/11) {
    .menu__pdf {
        bottom: var(--spacing);
        position: absolute;
        right: var(--spacing)
    }
}

.menu__images {
    height: auto;
    min-height: calc(100 * var(--svh))
}

.menu__images .content-animation,
.menu__images .content-animation div,
.menu__images img,
.menu__images picture {
    height: 100%
}

.menu__images .content-animation picture {
    position: absolute
}

.menu__images [data-content-animation-item="2"] img,
.menu__images [data-content-animation-item="6"] img {
    -o-object-position: bottom;
    object-position: bottom
}

.menu-picker {
    height: calc(100 * var(--svh))
}

.menu-picker__content {
    position: relative;
    z-index: 1
}

.menu-picker__deco {
    cursor: pointer;
    position: relative
}

.menu-picker__deco .background {
    z-index: -1
}

.menu-picker__link-row {
    margin-bottom: -20px;
    overflow: hidden;
    padding-bottom: 20px;
    position: relative
}

.menu-picker__link-row span {
    display: block;
    transition-duration: .8s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.menu-picker__link-row span:last-child {
    left: 0;
    position: absolute;
    top: 0;
    transform: translateY(200%)
}

.menu-picker__link-row:last-of-type {
    margin-top: calc(var(--scale-px) * 7)
}

.menu-picker__item {
    display: block;
    display: flex;
    flex-direction: column;
    height: 50%;
    justify-content: space-between;
    overflow: hidden;
    padding: var(--spacing);
    position: relative
}

.menu-picker__item .h3,
.menu-picker__item h3 {
    letter-spacing: 0
}

.menu-picker__item:first-child {
    padding-top: calc(var(--scale-px) * 140)
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {
    .menu-picker__item:last-child .background img {
        -o-object-position: right;
        object-position: right
    }
}

.menu-picker__item .background {
    transition-duration: .8s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.menu-picker__item .btn {
    align-self: flex-start
}

.menu-picker__item__gradient {
    pointer-events: none
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9),
(min-width:668px) and (max-aspect-ratio:10/11),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .menu-picker__item__gradient {
        filter: blur(50px)
    }
}

.menu-picker__item__gradient div:first-child {
    background: radial-gradient(circle, var(--c-dark-blue) 0, var(--c-dark-blue) 5%, rgba(var(--c-dark-blue-rgb), 0) 92%);
    height: 78vh;
    left: 9vw;
    position: absolute;
    top: -18vw;
    width: 78vw;
    z-index: 1
}

.menu-picker__item__gradient div:nth-child(2) {
    background: radial-gradient(circle, var(--c-blue) 0, rgba(var(--c-blue-rgb), .8) 5%, rgba(var(--c-blue-rgb), 0) 72%);
    height: 67vh;
    left: -36vw;
    position: absolute;
    top: 0;
    width: 86vw
}

.menu-picker__item__gradient div:nth-child(3) {
    background: radial-gradient(circle, var(--c-green) 0, var(--c-green) 25%, rgba(var(--c-green-rgb), 0) 70%);
    bottom: -12vw;
    height: 70vh;
    position: absolute;
    right: -26vw;
    width: 70vw
}

.has-hover .menu-picker__item:hover .background {
    transform: scale(1.1)
}

.has-hover .menu-picker__item:hover .menu-picker__link-row span:first-child {
    transform: translateY(-150%)
}

.has-hover .menu-picker__item:hover .menu-picker__link-row span:last-child {
    transform: translateY(0)
}

.has-hover .menu-picker__item:hover:first-child .background {
    transform: scale(1.3)
}

.menu-picker__gradient {
    pointer-events: none
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9),
(min-width:668px) and (max-aspect-ratio:10/11),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .menu-picker__gradient {
        filter: blur(50px)
    }
}

.menu-picker__gradient div:first-child {
    background: radial-gradient(circle, var(--c-light-green) 0, var(--c-light-green) 25%, rgba(var(--c-light-green-rgb), 0) 70%);
    height: 70vh;
    left: -44vw;
    position: absolute;
    top: -18vw;
    transform: rotate(-45deg);
    width: 100vw
}

.menu-picker__gradient div:nth-child(2) {
    background: radial-gradient(circle, var(--c-light-blue) 0, var(--c-light-blue) 55%, rgba(var(--c-light-blue-rgb), 0) 90%);
    height: 50vh;
    left: 27vw;
    position: absolute;
    top: -9vw;
    width: 50vw
}

.menu-picker__gradient div:nth-child(3) {
    background: radial-gradient(circle, var(--c-green) 0, var(--c-green) 5%, rgba(var(--c-green-rgb), 0) 100%);
    bottom: -20vw;
    height: 100vh;
    left: -42vw;
    position: absolute;
    transform: rotate(-41deg);
    width: 120vw
}

.turn-message {
    align-items: center;
    display: flex;
    display: none;
    flex-direction: column;
    height: calc(100 * var(--lvh));
    justify-content: center;
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 45
}

.turn-message__background {
    height: calc(100 * var(--lvh));
    left: 0;
    position: absolute;
    top: 0;
    width: 100vw
}

.turn-message__background svg {
    min-height: calc(max(100vw / 660, calc(100 * var(--lvh)) / 320) * 320);
    min-width: calc(max(100vw / 660, calc(100 * var(--lvh)) / 320) * 660)
}

.turn-message__background svg,
.turn-message__content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.turn-message__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: calc(100 * var(--dvh));
    justify-content: center;
    text-align: center;
    width: 100vw;
    z-index: 1
}

.turn-message__content__mobile,
.turn-message__content__tablet {
    display: none;
    margin-top: 40px
}

.turn-message__logo {
    height: 30px;
    position: absolute;
    top: var(--spacing-layout);
    width: 82px
}

.turn-message__icon {
    height: 120px;
    width: 120px
}

.turn-message__background--mobile,
.turn-message__background--tablet,
.turn-message__icon--mobile,
.turn-message__icon--tablet {
    display: none
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9),
(min-width:668px) and (max-aspect-ratio:10/11) and (max-width:1439px),
(min-width:668px) and (min-height:416px) and (max-width:979px) {

    .turn-message,
    .turn-message__background--tablet,
    .turn-message__content__tablet,
    .turn-message__icon--tablet {
        display: block
    }
}

@media (max-width:667px) and (min-aspect-ratio:13/9),
(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {

    .turn-message,
    .turn-message__background--mobile,
    .turn-message__content__mobile,
    .turn-message__icon--mobile {
        display: block
    }
}

@media (min-width:1440px),
(min-width:980px) and (min-aspect-ratio:10/11) {
    .more-block {
        clip-path: polygon(0 100svh, 100% 100svh, 100% 100%, 0 100%);
        height: 200svh;
        margin-top: -200svh !important;
        position: relative;
        z-index: 5
    }
}

.more-block__content {
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (min-width:1440px),
(min-width:980px) and (min-aspect-ratio:10/11) {
    .more-block__content {
        height: 100svh
    }
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {
    .more-block__content .background img {
        -o-object-position: top;
        object-position: top
    }
}

.more-block__button.btn--outline.btn--square {
    backdrop-filter: blur(2px);
    position: var(--lg, relative) var(--n-lg, absolute)
}

@media (min-width:1440px),
(min-width:980px) and (min-aspect-ratio:10/11) {
    .more-block__button.btn--outline.btn--square {
        margin-right: calc(var(--grid-col) * 1.7);
        margin-top: calc(var(--scale-px) * -40)
    }

    .more-block__button.btn--outline.btn--square.more-block__button--lower {
        margin-right: calc(var(--grid-col) * 2.4);
        margin-top: calc(var(--scale-px) * -20)
    }

    .more-block__button.btn--outline.btn--square.more-block__button--left {
        margin-right: calc(var(--grid-col) * 2.1)
    }

    .more-block--about .more-block__button.btn--outline.btn--square {
        margin-right: calc(var(--grid-col) * 1.1)
    }
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {
    .more-block__button.btn--outline.btn--square {
        bottom: var(--spacing);
        right: var(--spacing)
    }
}

.content-animation {
    position: relative;
    z-index: 0
}

.content-animation [data-content-animation-item] {
    left: 0;
    position: relative;
    top: 0
}

.content-animation [data-content-animation-item]:not(.col) {
    min-width: 100%
}

.content-animation .mobile-scrollable__item[data-content-animation-item]:not(.col) {
    min-width: var(--md, 100%) var(--n-md, unset)
}

.group>.content-animation {
    flex-grow: 1
}

.content-animation.content-animation--ready [data-content-animation-item] {
    position: absolute
}

.content-animation.content-animation--ready [data-content-animation-top] {
    position: relative
}

.content-animation.content-animation--ready [data-content-animation-top]~[data-content-animation-top] {
    position: absolute
}

.content-animation--bottom {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.content-animation--bottom [data-content-animation-item] {
    bottom: 0;
    top: auto
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9),
(min-width:668px) and (max-aspect-ratio:10/11),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .content-animation--bottom\:md {
        align-items: stretch;
        display: flex;
        flex-direction: column;
        justify-content: flex-end
    }

    .content-animation--bottom\:md [data-content-animation-item] {
        bottom: 0;
        top: auto
    }
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:667px) and (min-aspect-ratio:13/9),
(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .content-animation--bottom\:xs {
        align-items: stretch;
        display: flex;
        flex-direction: column;
        justify-content: flex-end
    }

    .content-animation--bottom\:xs [data-content-animation-item] {
        bottom: 0;
        top: auto
    }
}

.content-animation--center {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.content-animation--center [data-content-animation-item] {
    top: auto
}

@media (min-width:568px) and (max-width:667px) and (max-aspect-ratio:13/9),
(min-width:668px) and (max-aspect-ratio:10/11),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .content-animation--center\:md {
        align-items: stretch;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .content-animation--center\:md [data-content-animation-item] {
        top: auto
    }
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:667px) and (min-aspect-ratio:13/9),
(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .content-animation--center\:xs {
        align-items: stretch;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .content-animation--center\:xs [data-content-animation-item] {
        top: auto
    }
}

.content-animation--no-overflow {
    overflow: hidden
}

.content-animation--no-overflow.mobile-scrollable {
    overflow-x: var(--md, hidden) var(--n-md, scroll)
}

.flats {
    overflow: hidden;
    position: relative
}

.flats__title {
    font-size: 0;
    line-height: 0
}

.flats__title svg {
    height: auto;
    width: 100%
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {
    .flats__sort {
        position: relative;
        z-index: 3
    }
}

.flats__tabs-group {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end
}

.flats__tabs-group .btn+.btn {
    margin-left: -1px
}

.flats__tabs-group .btn.is-active {
    z-index: 1
}

.flats__sorting .icon.icon-sort {
    transition-duration: .4s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.flats__sorting.tooltip--visible .icon.icon-sort {
    transform: rotate(180deg)
}

.flats__sorting.tooltip--visible {
    color: var(--t-text)
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {
    .flats .btn__text--has-content {
        align-items: center;
        display: flex
    }
}

.flats__filters {
    z-index: 2
}

.flats__filters,
.flats__filters-sticky {
    position: relative
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {
    .flats__filters-sticky-modal {
        align-items: center;
        display: flex;
        flex-direction: column;
        height: calc(100 * var(--dvh));
        justify-content: flex-end;
        margin-top: 0;
        padding: calc(var(--scale-px) * 20);
        pointer-events: none;
        position: fixed;
        top: 0;
        z-index: var(--z-index, 2)
    }

    .flats__filters-sticky-modal>.btn {
        opacity: var(--opacity, 1);
        pointer-events: all
    }
}

.flats__more {
    z-index: 3
}

.flats__list {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--scale-px) * 20);
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.flats__list li {
    flex: var(--md, 1 1 calc(50% - (var(--scale-px) * 10))) var(--n-md, 1 1 100%);
    margin: 0;
    max-width: var(--md, calc(50% - (var(--scale-px) * 10))) var(--n-md, 100%);
    padding: 0
}

.flats__col {
    display: flex;
    flex-wrap: wrap
}

.flats__empty {
    flex-grow: 1;
    margin-bottom: var(--md, 0) var(--n-md, calc(var(--scale-px) * 20));
    position: relative
}

.flats__empty__title {
    border-bottom: 1px solid var(--t-line)
}

.flats__gradient {
    pointer-events: none
}

@media (min-width:1440px),
(min-width:980px) and (min-aspect-ratio:10/11) {
    .flats__gradient {
        filter: blur(50px)
    }
}

.flats__gradient div:first-child {
    background: radial-gradient(circle, var(--c-green) 0, rgba(var(--c-green-rgb), .8) 5%, rgba(var(--c-green-rgb), 0) 62%);
    height: 58vh;
    left: -23vw;
    position: absolute;
    top: 6vw;
    transform: rotate(-10deg);
    width: 156vw
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {
    .flats__gradient div:first-child {
        height: 100vw;
        width: 100vw
    }
}

.flats__gradient div:nth-child(2) {
    background: radial-gradient(circle, var(--c-olive) 0, rgba(var(--c-olive-rgb), .8) 5%, rgba(var(--c-olive-rgb), 0) 72%);
    bottom: -14vw;
    height: 67vh;
    left: 4vw;
    position: absolute;
    width: 86vw
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {
    .flats__gradient div:nth-child(2) {
        bottom: -100vw;
        height: 200vw;
        left: -60vw;
        width: 200vw
    }
}

.flats__gradient div:nth-child(3) {
    background: radial-gradient(circle, var(--c-light-green) 0, var(--c-light-green) 25%, rgba(var(--c-light-green-rgb), 0) 70%);
    bottom: 9vw;
    height: 70vh;
    position: absolute;
    right: -16vw;
    width: 70vw
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {
    .flats__gradient div:nth-child(3) {
        display: none
    }
}

.flats__gradient div:nth-child(4) {
    background: radial-gradient(circle, var(--c-light-blue) 0, var(--c-light-blue) 5%, rgba(var(--c-light-blue-rgb), 0) 90%);
    bottom: -16vw;
    height: 61vh;
    position: absolute;
    right: -28vw;
    width: 61vw
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {
    .flats__gradient div:nth-child(4) {
        display: none
    }
}

.flats--similar {
    align-items: center;
    display: flex;
    flex-direction: column
}

.card {
    display: block;
    overflow: hidden;
    overflow: clip;
    position: relative;
    --card-spacing-h: var(--md, calc(var(--scale-px) * 30)) var(--n-md, calc(var(--scale-px) * 20));
    --card-spacing-v: var(--md, calc(var(--scale-px) * 30)) var(--n-md, calc(var(--scale-px) * 20));
    display: flex;
    flex-direction: column
}

.card:before {
    /* background: var(--t-background); */
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.card__sizer {
    padding-top: calc(100% * var(--item-ratio));
    position: relative
}

.card__feature {
    align-items: center;
    border: 1.5px solid var(--t-line);
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    height: var(--xl, calc(var(--scale-px) * 30)) var(--n-xl, var(--md, calc(var(--scale-px) * 40)) var(--n-md, calc(var(--scale-px) * 30)));
    justify-content: center;
    transition-duration: .4s;
    transition-property: border-color;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99);
    width: var(--xl, calc(var(--scale-px) * 30)) var(--n-xl, var(--md, calc(var(--scale-px) * 40)) var(--n-md, calc(var(--scale-px) * 30)))
}

.has-hover .card__feature:hover {
    border-color: var(--c-dark-green)
}

.card__background {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.card__background img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.card__content {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.card__image {
    overflow: hidden
}

.card__image img {
    display: block;
    height: auto;
    width: 100%
}

.card__lb,
.card__lt,
.card__rb,
.card__rt {
    max-width: 100%;
    padding: var(--card-spacing-v) var(--card-spacing-h);
    position: absolute
}

.card__lb,
.card__lt {
    left: 0
}

.card__rb,
.card__rt {
    right: 0
}

.card__lt,
.card__rt {
    top: 0
}

.card__lb,
.card__rb {
    bottom: 0
}

.card--apartment {
    --item-ratio: var(--md, 1.31579) var(--n-md, 1.3125);
    overflow: visible
}

.card--apartment:before {
    transform: scale(1);
    transition-duration: .4s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.has-hover .card--apartment:hover:before {
    transform: scale(1.015)
}

[id*=floor-modal] .card--apartment {
    --item-ratio: var(--xxxxl, 1.33333) var(--n-xxxxl, var(--md, 1.42105) var(--n-md, 1.3125))
}

@media (min-aspect-ratio:1440/719) {
    [id*=floor-modal] .card--apartment .card__sizer {
        padding-top: 70vh !important
    }
}

.card--apartment .card__content {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.card--apartment .card__plan {
    inset: 0;
    padding: var(--xxxxl, calc(100% / 720 * 60) var(--card-spacing-h) calc(100% / 720 * 180)) var(--n-xxxxl, var(--xxxl, calc(100% / 540 * 60) var(--card-spacing-h) calc(100% / 540 * 200)) var(--n-xxxl, var(--md, calc(100% / 380 * 60) var(--card-spacing-h) calc(100% / 380 * 180)) var(--n-md, calc(100% / 360 * 60) var(--card-spacing-h) calc(100% / 360 * 140))));
    pointer-events: none;
    position: absolute
}

[id*=floor-modal] .card--apartment .card__plan {
    padding: var(--xxxxl, calc(100% / 480 * 60) var(--card-spacing-h) calc(100% / 480 * 200)) var(--n-xxxxl, var(--md, calc(100% / 380 * 60) var(--card-spacing-h) calc(100% / 380 * 160)) var(--n-md, calc(100% / 360 * 60) var(--card-spacing-h) calc(100% / 360 * 130)))
}

.card--apartment .card__plan img,
.card--apartment .card__plan picture {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.card--apartment .card__top {
    padding: var(--card-spacing-v) var(--card-spacing-h) 0
}

.card--apartment .card__footer {
    align-items: flex-end;
    color: var(--t-text);
    margin-top: auto;
    padding: 0 var(--card-spacing-h) var(--card-spacing-v)
}

.card--apartment .card__footer__price {
    border-bottom: 1px solid var(--t-line)
}

.card--apartment .card__footer-text p+p {
    margin-top: var(--md, 0) var(--n-md, calc(var(--scale-px) * -2))
}

.card--apartment .card__footer-title {
    font-family: Victor Serif, Helvetica, Arial, sans-serif;
    font-weight: 400;
    --fos: -0.165em;
    --foe: -0.095em;
    font-size: var(--xxxl, calc(var(--scale-text-rem) * 10)) var(--n-xxxl, var(--xxl, calc(var(--scale-text-rem) * 8)) var(--n-xxl, var(--lg, calc(var(--scale-text-rem) * 7)) var(--n-lg, calc(var(--scale-text-rem) * 6))));
    --lh: var(--xxxl, 0.95em) var(--n-xxxl, var(--xxl, 0.9375em) var(--n-xxl, var(--lg, 0.92857em) var(--n-lg, 1.08333em)));
    letter-spacing: -.02em;
    line-height: var(--lh);
    text-transform: none
}

.is-win .card--apartment .card__footer-title {
    --fos: -0.165em;
    --foe: -0.095em
}

.card--apartment .card__footer-title.news-modal__title,
[lang=en] .card--apartment .card__footer-title:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn) {
    line-height: calc(var(--lh) + .2em)
}

.card--apartment .card__price {
    font-family: TT Commons Pro, Helvetica, Arial, sans-serif;
    font-weight: 500;
    white-space: nowrap;
    --fos: -0.175em;
    --foe: -0.125em;
    font-size: calc(var(--scale-text-rem) * 1);
    --lh: 1.4em;
    letter-spacing: .08em;
    line-height: var(--lh);
    text-transform: uppercase
}

.is-win .card--apartment .card__price {
    --fos: -0.175em;
    --foe: -0.125em
}

.card--apartment .card__price.news-modal__title,
[lang=en] .card--apartment .card__price:not(.g1):not(.text-t1):not(.text-c1):not(.h1):not(.h3):not(.btn) {
    line-height: calc(var(--lh) + .2em)
}

.card--more:before {
    border: 1px solid var(--t-line)
}

.card--more .card__feature {
    border-color: var(--t-text)
}

.flats-subscribe {
    height: 100%
}

@media (max-aspect-ratio:10/11) and (max-width:1439px),
(max-aspect-ratio:13/9) and (max-width:667px),
(max-width:979px) {
    .flats-subscribe__form-container {
        height: 100%
    }

    .flats-subscribe__form {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: center
    }

    .flats-subscribe__buttons {
        bottom: var(--md, var(--spacing-layout)) var(--n-md, calc(var(--scale-px) * 30));
        position: absolute;
        width: calc(100% - (var(--spacing) * 2))
    }
}

.flats-subscribe .error {
    position: absolute
}

.flats-subscribe__success {
    display: flex;
    height: 100%;
    width: 100%;
    z-index: 2
}

#pano {
    height: 100svh;
    width: 100%
}

.gallery-desktop-fixed__title-text .split .line {
    transition: background-position 1.4s 
cubic-bezier(0.46, 0, 0.2, 1), transform 1.4s 
cubic-bezier(0.46, 0, 0.2, 1);
    background: linear-gradient(90deg, rgb(255, 255, 255) 49.9%, rgba(255, 255, 255, 0.1) 50%) 100% 0% / 200% text !important;
  -webkit-text-fill-color: rgb(255 255 255) !important;
    will-change: transform;
    display: inline;
}